輸入類型圖像在您輸入時不會提交表單

Question

我有一個表單並且您需要單擊以提交表單的輸入有type =「image」。當你關注表單的另一個輸入，並且你按下回車鍵時，我想這樣做就是提交表單（就像你點擊了輸入類型圖像一樣）。

我是否需要使用javascript來創建此行爲？

這是默認行爲，並被認爲是良好的可訪問性，可用性和UX？我很確定我在很多網站上看過它。

Answer 1

您的表單需要一個action屬性，指的是腳本，將處理結果 - 例如：

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

無action屬性，該表單不能被提交，因爲瀏覽器不知道將其提交到哪裏。

Answer 2

你用<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>