画像を使用して HTML の送信ボタンを置き換える方法の例

1. 送信ボタンの代わりに画像を使用します

送信ボタンが 1 つしかない場合、コードは次のとおりです:

<input type = "image"&#39; 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 サイトの他の関連記事を参照してください。