Question

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

我是否需要使用javascript来创建此行为？

这是默认行为，是否具有良好的可访问性，可用性和用户体验？我很确定我已经在很多网站上看到过它。

Answer 1

您是否使用过<form> </form>个标签试试这个＆gt;更新的代码

<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属性，则无法提交表单，因为浏览器不知道将其提交到何处。

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

2 个答案: