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

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

<input type="image" name="..." src="url" width="" height="..." border="...">

ラベルをinput type=imageに変更する以外は。 "、他の属性は同じです。タグの属性は同じです。

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

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