按回車表單自動(dòng)提交問題意外發(fā)現(xiàn)

字號(hào):


    在name輸入框中 按回車時(shí),表單就會(huì)提交。而且表單中沒有submit按鈕的,經(jīng)搜索發(fā)現(xiàn)如果表單中只有一個(gè)文本框,那么按回車時(shí),就會(huì)提交表單,感興趣的朋友可以了解下
    代碼如下:
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>
    <body>
    <form action="http://www.baidu.com">
    <input type="text" name="name"/>
    <input type="button" onclick="javascript:void(0)" value="提交">
    </form>
    </body>
    </html>
    如上表單在 name輸入框中 按回車時(shí),表單就會(huì)提交。而且表單中時(shí)沒有submit按鈕的。
    經(jīng)過多番查找終于找到原因: 如果表單中只有一個(gè)文本框,那么按回車時(shí),就會(huì)提交表單。
    所以解決辦法就很容易了,加一個(gè)無用的文本框,并隱藏起來就OK。
    代碼如下:
    <input type="text" style='display:none' />
    注意: 加 hidden 框是不行的。
    代碼如下:
    <input type="hidden" />