フォーム構造とフォームオブジェクトスタディノート

1. Webページ上のフォーム（フォーム）は、訪問者の情報を入力してユーザー情報を取得するために使用され、Webページにインタラクティブな機能があります。フォームには2つの重要なコンポーネントがあります。1つはフォームを説明するHTMLソースコード、もう1つはフォームフィールドのユーザー入力情報（Asp、net、JSP、JavaScriptなど）を処理するために使用されるサーバーサイドアプリケーションまたはクライアントサイドスクリプトです。
2.基本的な構文：

<form name="..." action="..." method="...">
<input>
...
<slect>...</select>
...
<textarea>...</textarea>
</form>

1.単一行のテキスト入力ボックス
基本構文：

<input name="text" type="text" maxlength=" " size=" " value=" ">

• type == "text"の場合、入力項目の入力情報が文字列であることを意味します。
  
  
  2.送信ボタンとリセットボタン
  基本構文：<input name="submit" type="submit" value="提交">
  送信ボタン：<input name="submit" type="submit" value="重置">
  
  3.パスワード入力ボックス
  基本構文：

<input name="password" type="password" maxlength=" " size=" " value=" ">

• maxlengthは、入力ボックスに入力できる最大文字数を示します。
• サイズはリストで選択された数を示します。
  
  
  4.チェックボックスの
  基本構文：

<input name="checkbox" type="checkbox" value=" ">

• チェックボックスには複数のオプションがあるため、名前は複数にする必要があります。
• valueの値は同じでなければなりません。
  
  
  5.ラジオボタンの
  基本構文：

<input name="checkbox" type="checkbox" value=" " >

• 選択できるラジオボタンは1つだけなので、nameの値は同じである必要があります。
• 値の値は異なる必要があります。
  
  
  6.画像ボタンの
  基本的な構文：

<input name="image" type="image" src=" ">

• 画像は画像コントロールを作成することを意味し、コントロール画像をクリックすると送信されます。
• srcは、イメージの設定に使用されるパスを示します。
  
  
  7.複数行のテキスト入力ボックスの
  基本的な構文：

<textarea name="textarea" cols=" " rows=" " wrap=" "></textarea>

• <textarea>これは二重ラベルであり、フォームラベルで使用する必要があります。
• rowsは、複数行のテキストボックスに入力された行数を表します。
• colsは、複数行のテキストボックスに入力された列の数を表します。
• 折り返しとは、デフォルトのテキストが自動的に折り返されることを意味します。
  
  
  8.ドロップダウンリストボックスの
  基本的な構文：

<select name=" ">
   <option value=" ">
   ...
 </select>

9.複数選択ドロップダウンリストボックスの
基本構文：

<select name=" " size=“ ” multiple=" ">
    <option value=" ">
    ...
</select>

• Multipeは、ユーザーがリストから複数の項目を選択できることを意味します。
  
  
  知識の要約：
  テーブル構造：<form>...</form>
  入力：シングルマーク<input>とタイプの9つのタイプ。
  複数行のテキストボックス：<textarea>...</testarea>
  ドロップダウンリストボックス：<select><option>...<select></option>