有没有一种方法可以使表单上的按钮成为默认按钮？

问题描述

| 这是我的代码：

<FORM ACTION=\"../cgi-bin/cgi4.pl\">
Go to check-out page? 
<INPUT TYPE=SUBMIT NAME=\"checkout\" VALUE=\"Yes\"> 
<INPUT TYPE=SUBMIT NAME=\"checkout\" VALUE=\"No\"> 
</FORM>

单击回车时，我希望默认设置为是。这可能吗？     

解决方法

        您可以这样做：

<script>
window.onload=function() {
  document.getElementsByName(\"checkout\")[0].focus();
}
</script>
<FORM ACTION=\"../cgi-bin/cgi4.pl\">
Go to check-out page? 
<INPUT TYPE=SUBMIT NAME=\"checkout\" VALUE=\"Yes\"> 
<INPUT TYPE=SUBMIT NAME=\"checkout\" VALUE=\"No\"> 
</FORM>

在HTML5中，将自动对焦添加到按钮

<input type=\"submt\" name=\"checkout\" value=\"Yes\" autofocus>

http://jsfiddle.net/mplungjan/mM9VJ/     ,        我建议您使用选项卡索引属性。

<FORM>
    <input type =\"text\" tabindex=\"3\"/>
    <INPUT TYPE=\"SUBMIT\" NAME=\"checkout\" VALUE=\"Yes\" tabindex=\"1\" /> 
    <INPUT TYPE=\"SUBMIT\" NAME=\"checkout\" VALUE=\"No\" tabindex=\"2\" /> 
</FORM>

我不会使用javascript，就好像一个人不想提交，而他按下“ enter”（输入）一样，他将被迫这样做。也许他使用了网页顶部的搜索栏，然后按Enter键，但是两种表格都将被提交。 http://jsfiddle.net/EUUcG/3/ 但是，如果不是这种情况，则可以使用javascript函数：-

function searchKeyPress(e) {
    // look for window.event in case event isn\'t passed in
    if (window.event) {
        e = window.event;
    }
    if (e.keyCode == 13) {
        document.forms[\"myform\"].submit();
    }
}

这个比较好：

<script>
    window.onload=function() {
      document.getElementsByName(\"checkout\")[0].focus();
    } 
</script>

通过@mplungjan     ,        尝试这个：

<FORM ACTION=\"../cgi-bin/cgi4.pl\">
    Go to check-out page? 
    <INPUT TYPE=SUBMIT id=\'btnYes\' NAME=\"checkout\" VALUE=\"Yes\" onclick=\"doSomething(); /> 
    <INPUT TYPE=SUBMIT NAME=\"checkout\" VALUE=\"No\" onkeydown=\"if (event.keyCode == 13) document.getElementById(\'btnYes\').click()\" />         
</FORM>

请注意：您需要在每个需要捕获Enter键的控件上添加onkeydown。