ホームページ > ウェブフロントエンド > htmlチュートリアル > 画像を使用して HTML の送信ボタンを置き換える方法の例

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

黄舟
リリース: 2017-07-22 14:07:12
オリジナル
3955 人が閲覧しました

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

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

<input type = "image"&#39; name = "..." src = "url" width= “” height = “”  border = “”>
ログイン後にコピー

ラベルを input type = "image" に変更することを除き、その他の属性は同じです。 画像を使用して HTML の送信ボタンを置き換える方法の例 タグの属性も同じです。

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート