1. 送信ボタンの代わりに画像を使用します
送信ボタンが 1 つしかない場合、コードは次のとおりです:
<input type = "image"' name = "..." src = "url" width= “” height = “” border = “”>
ラベルを input type = "image" に変更することを除き、その他の属性は同じです。 タグの属性も同じです。
2. すべてのフォームボタンを画像に置き換えます
送信ボタンを置き換える画像形式は
<input type = "image" name = "..." src = "..."inclick ="document.foormName.submit()">
リセットボタンを置き換えるコード画像形式は次のとおりです:
<input type = "image" name ="..." src = "..." onclick = "document.formName.reset()">
注: ここの fromName はフォームの name 属性です
3. フォーム送信の検証:
<script> function checkdate(){ //取得输入数据 userName = document.RedForm.userName.value userEmail = document.RedForm.userEmail.value //如果没有输入名字 if(userName== ""){alert("请输入名字"); document.RedForm.userName.focus(); return false; }else{ //如果没有输入Email,或者Email地址错误(不含@) if(userEmail == "")||(userEmail.indexOf("@")== 1)){alret("请输入Email地址"); document.RedForm.userEmail.focus(); return false; }else return true; } } </script>
4. 任意の要素を使用してフォームを送信します
onclick = "document.from.submit()" を使用してフォームを送信し、リセットするには onclick = "document.from.reset()" を使用します。形は、こちらへどうぞ。どの要素でもフォームを送信できます。
以上が画像を使用して HTML の送信ボタンを置き換える方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。