html - 当您按 Enter 时，输入类型图像不提交表单

Question

我有一个表单，您需要单击以提交表单的输入有 type="image"。我想这样做，当您专注于表单的另一个输入并点击输入表单时（就像您单击输入类型图像一样）。

我需要使用 javascript 来创建这种行为吗？

这是默认行为并被认为具有良好的可访问性、可用性和用户体验吗？我很确定我在很多网站上都看到过。

Answer 1

你用过<form> </form>标签试试这个>更新的代码

<script type="text/javascript">
    function submitform_myfn()
    {
      alert("form getting submitted");
      document.forms["myform"].submit();
      if(document.getElementById('a').value!="")
        {
            alert("input box value "+document.getElementById('a').value);
        }
        else
        {
            alert("Please enter some value in input box and submit again");
        }
    }



    </script>



<form name="myform">
Put some value for input box and try submitting form by clicking image
<input type="text" id="a" name="a" />

<input type="image"   style=" background:url(http://www.youthcancertrust.org/cms/site/images/RTEmagicC_play_button.png.png) no-repeat; display:block; width:300px; height:306px; "  onclick="submitform_myfn()" />


</form>

Answer 2

您的表单需要一个action属性，指的是将处理结果的脚本 - 例如：

<form id="myform" action="./myform.php">
    <!-- the rest of your form -->
</form>

如果没有action属性，表单将无法提交，因为浏览器不知道将其提交到哪里。