転載アドレスします。https：//www.cnblogs.com/CTR614308155/p/10821336.html
1.フォームとドメインオブジェクトのプロパティ
<％@ページ言語= "javaの" pageEncodingは= "UTF-8" ％>
<！DOCTYPE HTML>
<HTML>
<langの頭= "EN">
<メタ文字コード= "UTF-8">
<タイトル> </タイトル>
<スクリプトタイプ= "アプリケーション/ javascriptの">
/ **
*一、获取表单域对象
* 1.document.getElementById（）
* 2.formObj.elements [インデックス]
* 3.formObj.elements [formarea_name]
* 4。 formObj.formarea_name
* /
機能getFormArea（）{
VAR OBJ =のdocument.getElementById（ "nickid"）。//常用
コンソール。
OBJ = formObj.elements [ "ニックネーム"];
はconsole.log（OBJ）;
OBJ = formObj.nickname; //一般的
にconsole.log（OBJ）
はconsole.log（formObj.aaa）。 //フォームフィールドのラベルがされていない
}
//第二に、ドメインオブジェクトのプロパティ・シート
/ **
* 1.readonly
* 1）入力は、「読み取り専用」=読み取り専用読み取り専用フォームフィールドを設定するオブジェクト（ユーザーは、value属性を変更することはできません）が、提出することができる
* 2）「オブジェクト.readOnlyは= true」を追加する必要があり、オブジェクトのJSによって入力属性として「読み取り専用」の追加
）* 3を読み取り専用=「読み取り専用」の<input type =「テキスト」>でのみ使用することができますそして<textaread>タグ
* 2.disabled
* 1）入力が無効に設定=「無効」、その後、利用不可能フォームフィールド（その値は変更することができない属性）と送信できないオブジェクト
* 2）属性入力JSを通じて「利用できない」が追加されたオブジェクトは、の添加によって「=真のオブジェクトを.disabled」されなければならないれる
* 3）無効= 『無効』すべてのフォームフィールドは、失敗する可能性があります
* 3.nameを
*フォームフィールドを取得するための1）
* 2）は、専用フォームフィールドのname属性を提出することができます設定
* 4.value
* 1）ユーザーの入力を値であり、形式は、プロパティの値に提出されます
）* 2ラベルを選択値値値は、現在選択されているオプションの値ではありません
何のvalue属性* 3）テキストエリア、中間提出テキストラベルの値が提出
* 5.formを
フォームオブジェクトが存在するのフォームフィールドを取得する*
* 6.type
*ブラウザが表示フォームフィールドの値の種類によって異なります異なる
* 7.checked
1）の<input type = "ラジオ">との<input type = "チェックボックス">に言えば、確認のために= "確認"は、このオプションが選択されているデフォルト値を示します*
* 2）の<input type =「ラジオ」> のみ「チェック」オン=同一のグループに追加することができる
* 3）の<input type =「チェックボックスを」>同じグループの全てに加えることができる=「チェック」チェック
* 4） jsが属性、 "オブジェクトは.checkedを= true"を追加しなければならない"はデフォルトで選択された"追加することにより、オブジェクト
* /
{）関数testReadonly（
; VAR formareaobj = document.aaform.username
; formareaobj.disabled = trueに
<HR />
<フォームID = "regform"名前を= "aaform"アクション= "demo01.html ">
用户名：<入力されたID = "ユーザーID"タイプ= "テキスト"名前= "ユーザ名"値= "管理者"> <BR/>
}
</ SCRIPT>
</ head>
<body>
<ボタンのonclick = "getFormArea（）">获取表单域对象</ボタン>
<ボタンのonclick = "testReadonly（）">読み取り専用</ボタン>
密码：<入力タイプ= "パスワード" NAME = "パスワード"> <BR/>
昵称<入力されたID = "nickid"タイプ= "テキスト"名前= "愛称"値= "大名鼎鼎" ABCD = "1234"> <BRのID = "BRID "/>
性别：男の<input type ="ラジオ」NAME = "性別"値= "ナン">
女の<input type = "ラジオ" NAME = "性別"値= "NV"> <BR/>
爱好：狗<input type = "チェックボックス" NAME = "FAV"値= "イヌ">
猫の<input type = "チェックボックス"名前= "FAV"値= "猫">
羊驼の<input type = "チェックボックス"名前= "FAV"値= "YT"> <BR/>
城市<名前= "都市を選択">
<オプション値=" 1" >广州</オプション>
<オプション値= "2">東莞</オプション>
<オプション値=」3 ">深</オプション>
<オプション値=" 4" >中山</オプション>
</ SELECT> A
<TextAreaの名前= "INC">この男は怠け者で、何も... </のTextArea> A残っていない
の<input type = "送信"値= "ログイン">
<input type = "リセット"値= "重置">
<ボタン型=無効= "無効" "送信">这是个按钮</ボタン>
<a href="" name="aaa">百度</ A >
</ FORM>
</ BODY>
</ HTML>
2.フォームオブジェクト、プロパティおよびメソッド
<％@ページ言語= "javaの" pageEncodingは= "UTF-8" ％>
<！DOCTYPE HTML>
<HTML>
<langの頭= "EN">
<メタ文字コード= "UTF-8">
<タイトル> </タイトル>
<スクリプトタイプ= "アプリケーション/ javascriptの">
/ **
*一、表单的获取方式
* 1.document.getElementById（）
* 2.document.forms [インデックス]。
* 3.document.forms [FORM_NAME]
* 4.document.form_name
* /
機能testGetForm（）{
VAR FRM =のdocument.getElementById（ "regForm"）。//常用
にconsole.log（FRM）。
FRM = document.forms [0]。
FRM = document.forms [」
FRM = document.aaform; //共通の、唯一属性名形式はによって得ることができる
にconsole.log（FRM）;
}
//第二に、フォームオブジェクトのプロパティは、
機能testFormField（）{
VAR = document.aaform FRM;
にconsole.log（frm.id）
にconsole.log（frm.Name）
にconsole.log（frm.action）; //アドレス送信されたフォーム
にconsole.log（frm.method）; //提出の形式：（デフォルト）、ポストを取得
/ **
違い*取得し、ポストモードモード
*し1.Getの方法は（？NAME1 = VALUE1＆NAME2 =に提出されるデータを ...値2） バックURLに
*ポストデータ意志の仕方（NAME1 = VALUE1＆NAME2 =値2 ...） の「要求エンティティ」に
データ上の* 2.getのURL、URLが長さ、およびURLが表示され、そのような機密データを送信するために適して取得することはないので、
無制限の理論的には「要求主体」途中で*ポストデータを、機密データを送信するためのポスト右
* 3.getモード要求がキャッシュされる
*ポストモード要求がキャッシュされません
* /
* 2）ポストの道を、フォームデータは、 "------ WebKitFormBoundaryGSF0lHBAvwWyAcuV"に似た配置されます中間文字列
* 3.text /無地
console.log（frm.enctype）; //コーディング用紙
/ **
*のenctypeの差分値
* 1.application / X-WWW-フォームが -urlencoded（ デフォルトと共通）
*モードを取得またはポスト提出するかどうか、フォームデータ（NAME1 = VALUE1＆NAME2 =値2である ...） に編成されたデータ
* 2.multipart /フォームデータ（フォームアップロード）
* 1）を取得するようにして、フォームに（NAME1 = VALUE1＆NAME2 =値2 ...） 組織データ
* 1）（NAME1 = VALUE1＆NAME2 = value2の形成する、方法を取得 ...） 組織データを
2 *）後の実施形態では、フォームデータがNAME1 =値2、NAME2 = VALUE2、データシンボルとの間の接続なしであろう
* /
にconsole.log （frm.elements）; //配列のフォームフィールドのすべてを返す（入力ボタンを選択TEXTAREA）オブジェクトフォーム
にconsole.log（frm.length）; //戻りフォームのフォームフィールドのオブジェクトの数
}
//第三に、形オブジェクトのメソッド
testFormMethod関数（）{
VAR = FRM document.aaform;
// frm.submit（）; //フォーム提出
frm.resetを（）; //リセット形
}
/ **
イベント*第四に、フォームオブジェクト
* 1についてフォームのセット、リセットボタンで提出し、それはをonSubmitイベント、onresetイベントがトリガされます
）（提出することにより、外部形式で* 2をフォームはをonSubmitイベントをトリガしません提出する
（リセットすることにより、外部の形で3 *）フォームイベントトリガーをリセットしonreset
* 4。私たちはイベントをONSUBMITなり、onresetイベントは、偽のイベントが実行を停止することができ返す
* /
機能testFormEvent1（）{
提出アラート（「フォーム！ "）
//コード検証フォームの書き込み
真への復帰を;
}
機能testFormEvent2（）{
！アラート（"フォームのリセット「）
はfalseを返します。
}
</ SCRIPT>
</ HEAD>
<BODY>
<ボタンのonclick = "testGetForm（）">获取表单</ボタン>
<ボタンのonclick = "testFormField（）">表单属性</ボタン>
<ボタンのonclick = "testFormMethod（）">表单方法</ボタン>
<HR />
<a href="" name="aa">百度</a>の
<FORM ID = "regForm" NAME = "aaform" ACTION = "demo01.html" onreset = "リターンtestFormEvent2（）;" onSubmit = "testFormEvent1（）を返す;">
用户名：<入力されたID = "ユーザーID"タイプ= "テキスト"名前= "ユーザ名"> <BR/>
密码：の<input type = "パスワード"名前= "パスワード"> <BR/>
昵称<入力されたID = "nickid"タイプ= "テキスト"名前= "愛称"値= "大名鼎鼎" ABCD = "1234"> <br id="brid"/>
性别：男の<input type = "無線" NAME = "性別"値= "ナン">
女の<input type = "ラジオ" NAME = "性別"値= "NV"> <BR/>
爱好：狗の<input type = "チェックボックス" NAME =」
羊驼の<input type = "チェックボックス" NAME = "FAV"値= "YT"> <BR/>
の<input type = "提出"値= "注册">
の<input type = "リセット"値= "重置" >
</ FORM>
</ BODY>
</ HTML>