ITバンドブラザーズのHTML5チュートリアルHTML5はHTMLのフォームデザイン2フォーム

12b83eda93744eb6b0dd6308ae931f52.jpg

 

5隠しフィールド

隠しフィールドがフォームに表示されません。あなたは、ページ間の重要なデータを転送する必要がある場合は、「隠された」<input>タグのtype属性の値は、hiddenフィールドを作成します。属性の名前と値は、隠しフィールドの名前と値を示すために必要とされています。次のように基本的な構文は次のとおりです。

<input type = "隠された" 名前= "FIELD_NAME" 値= "FIELD_VALUE"> <! - 隐藏表单域 - >

 

6複数行のテキストフィールド

複数行のテキストフィールドが複数行のテキスト入力領域を提供することができ、この地域には、入力された文字の長さの制限はありません。<TEXTAREA>ラベルは複数行のテキスト・フィールド<form>タグを生成する使用します。次のように基本的な構文は次のとおりです。

<テキストエリア名=「名前」列=「値」colsの=「値」値=「値」> <! - 複数行のテキストフィールドラベルスタート - >

     ... ... <! - 複数行のテキストフィールドにデフォルト値を設定します - >

</テキストエリア> <! - 複数行のテキストフィールドの終了タグ - >

それぞれ2 rowsとcols属性によって、複数行のテキストフィールドには文字の行と列の数を指定し、文字単位の数、複数行のテキストフィールドは、タグのname属性で使用されているの名前を指定します。

 

7ドメインのドロップダウンメニュー

在<form>标签中使用<select>标签创建一个菜单下拉列表域,该标签具有multiple、name和size属性。其中multiple属性不用赋值,直接加入标签中即可使用,加入了此属性后列表域就成为可多选的列表。size属性用来设置列表的高度,默认值为1,若没有设置multiple属性,显示的将是一个下拉式的列表域。而name属性定义此列表框的名称,与前面介绍的name属性作用一样。基本的语法格式如下所示:

<select name="name" size="value" multiple>     <!--  菜单下拉列表域开始标记  -->

<option value="value" selected>选项</option>   <!--  指定列表域中第一个选项  -->

<option value="value">选项</option>       <!--  指定列表域中第二个选项  -->

     … …                                              <!--  可以指定更多的列表选项  -->

</select>                                           <!--  菜单下拉列表域结束标记  -->

<オプション>タグがドメインオプションのリストを指定するために使用されて配置される必要があるペア間のタグ</選択>を<選択>。value属性は、指定したラベルを割り当てるには、<オプション>オプションに使用され、このラベルを選択し、値のプロパティは、選択した属性は、デフォルトのオプションを指定するために使用されます。この値は、この領域を得るためにサーバに送信することは、サーバ上の面積値のプロパティの名前<選択>を呼び出すことにより、選択されたデータ項目です。

 

8統合の例

本実施形態では、フォームの内容の大部分は、ランプ参加者基本情報出力インターフェースを作り、先に説明しました。コードは次のよう:

e4a179d885c4477597182660c33d4f9d.png

 

図に示すように、ブラウザで、本実施形態の効果。

8a60dc55c1fd45b7980b7965f0b9b50e.jpg

結果は図2のHTMLフォームタグを実証します

おすすめ

転載: www.cnblogs.com/itxdl/p/11669483.html