【问题标题】:button issue in html pagehtml页面中的按钮问题
【发布时间】:2010-07-10 14:21:26
【问题描述】:

我想知道如何在html页面中设置默认按钮,以便当按下回车键时,按下按钮的效果相同?比如我们在使用谷歌的时候,在中间的输入框中输入查询字符串后,可以按回车键得到查询结果(即按回车的效果和点击“谷歌搜索”按钮的效果一样)。

有什么解决办法吗?不知道当它是html按钮,当它是html表单的提交按钮时是否有不同的解决方案?

提前致谢, 乔治

【问题讨论】:

    标签: javascript html button


    【解决方案1】:

    只需使用<form> 元素即可完成。

    例如,如果你有这样的事情:

    <form action="something.php" method="post">
    <input type="text" name="blah">
    <input type="submit">
    </form>
    

    然后你在输入字段中按回车,表单将被发布到something.php,即。就像按下提交按钮一样。

    【讨论】:

    • 如果同一个html页面中有多个表单会怎样?按下了哪个表单的提交按钮? :-)
    • 您所在的那个,即如果您有两个带有文本输入字段的表单,并且您将光标放在第一个表单上并按下回车键,则第一个表单将被提交。
    【解决方案2】:

    只要您的表单包含在&lt;form&gt; 标记内,并且您有type="submit" 的输入或按​​钮,它应该在您按Enter 时提交。如果这两个条件不成立,您可以使用 javascript 来检测 onkeyup 是否为 enter 键。

    【讨论】:

    • “你可以使用 javascript 来检测 onkeyup 的输入键”——你能告诉我怎么做吗?有样品吗? :-)
    • 对于Form,如果同一个html页面中有多个表单会怎样?按下了哪个表单的提交按钮? :-)
    • 提交会触发父表单。
    • 对不起,我不是说里面有一个父窗体和另一个子窗体。我的意思是同一个html元素DOM树层次的两种形式(即相同的层次结构)?
    • 他的意思是:提交会触发焦点所在的表单。
    猜你喜欢
    • 1970-01-01
    • 2021-05-03
    • 1970-01-01
    • 2020-12-10
    • 2013-12-28
    • 2014-08-20
    • 2013-12-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多