ホームページ > ウェブフロントエンド > jsチュートリアル > フォームの基本的な使用法とテクニック

フォームの基本的な使用法とテクニック

巴扎黑
リリース: 2017-05-21 11:36:15
オリジナル
1472 人が閲覧しました

1. 送信ボタンを画像で置き換える
送信ボタンが1つしかない場合は、イベント関数を追加せずに簡単に実装できます:

<input type="image" name="..." src="url" width="" height="..." border="...">
ログイン後にコピー

ラベルをinput type=imageに変更する以外は。 "、他の属性は同じです。フォームの基本的な使用法とテクニックタグの属性は同じです。

2. すべてのフォームボタンを画像に置き換えます:
送信ボタンを置き換える画像コードのコード形式は

<input type="image" name="..." src="..." onClick="document.formName.submit()">
ログイン後にコピー

リセットボタンを置き換えるコード画像形式は

<input type="image" name="..." src="..." onClick="document.formName.reset()">
ログイン後にコピー

注: ここでの formName はフォームの 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)) {alert("请重新输入Email地址");
 document.RedForm.userEmail.focus();
 return false;
 }else return true;
 }
 }
 </script>
ログイン後にコピー

4. 任意の要素を含むフォームを送信:
フォームを送信するには、onClick="document.form.submit();" を使用します。 ( );" を使用してフォームをリセットすると、どの要素でもフォームを送信できるようになります。

以上がフォームの基本的な使用法とテクニックの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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