フォームがあり、フォームを送信するためにクリックする必要がある入力に type="image" が含まれています。フォームの別の入力に焦点を合わせてEnterキーを押したときにフォームが送信されるようにしたい(入力タイプの画像をクリックしたかのように)。
この動作を作成するには JavaScript を使用する必要がありますか?
これはデフォルトの動作であり、優れたアクセシビリティ、ユーザビリティ、および UX と見なされますか? 多くのサイトで見たことがあると確信しています。
タグを使用したことがありますか<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>
フォームにはaction
、結果を処理するスクリプトを参照する属性が必要です。例:
<form id="myform" action="./myform.php">
<!-- the rest of your form -->
</form>
属性がないaction
と、ブラウザは送信先がわからないため、フォームを送信できません。