HTMLフォーム

フォームは、ユーザ入力の種類を収集するために使用され、以下のように、ラベル、タグ、および関連する属性の異なるタイプからなる形態が使用されます。

1、<FORM>タグは、フォーム全体領域を規定します

action属性は、アドレスを送信されたフォームデータを定義します
ウェイmethod属性は、フォーム送信、一般的に「獲得」方法と「ポスト」モードを定義します

2、<ラベル>タグが定義されているテキストラベルフォーム要素

図3に示すように、<INPUT>タグは、一般的な形式の要素を定義します

フォーム要素で定義された型の属性値属性値
- タイプ=「テキスト」に定義された単一行のテキスト入力ボックス
- パスワード入力ボックスを定義するタイプ=「パスワード」
- タイプ=「ラジオ」に定義されたラジオボタン
- タイプ=「チェックボックス」チェックボックスが定義されています
- タイプ=「ファイル」のファイルをアップロードするために定義されています
- 定義を提出するタイプ=「送信」ボタン
- タイプは、=の定義をリセットするためのボタンを「リセット」
- 一般的なボタンを定義するタイプ=「ボタン」
- src属性精細画像アドレスと、送信ボタン絵のように定義される=「画像」と入力
- タイプ=「隠し」の値を格納するために使用される、隠しフォームフィールドを定義します
name属性は、データを送信するときに、この名前がキーの名前で、フォーム要素の名前を定義します

4、<TEXTAREA>タグは複数行のテキスト入力ボックスを定義します

図5に示すように、<選択>タグ要素は、ドロップダウンメニュー定義します

6、<オプション>タグと定義されたドロップダウンメニューオプション要素とタグを<選択>

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>表单HTMLの</ タイトル> 
</ ヘッド> 
< 身体> 
    < H1 >注册表单</ H1 > 
    < フォームアクション= " " 方法"="取得> 
        < divの> 
            < ラベルのために=」ラベル> 
            < 入力タイプ= "テキスト" 名前= "ユーザ名" ID = "ユーザ名" > 
        </ divの> 
        < BR /> 
        < divの> 
            < ラベル用= "パスワード" >密＆NBSP;＆NBSP;＆NBSP;码：</ ラベル> 
            < 入力タイプ= "パスワード" 名前= "パスワード" ID = "パスワード" > 
        </ divの> 
        <BR /> 
        < divの> 
            <ラベル>性＆NBSP;＆NBSP;＆NBSP;别：</ ラベル> 
            < 入力タイプ= "ラジオ" 名前= "性別" 値= "0" ID = "男性" > 
            < ラベルのため= "男性" >男</ ラベル> 
            < 入力タイプ= "ラジオ" 名前= "性別" 値= "1" ID = "女性" > 
            < ラベルのため= "女性" >女</ ラベル> 
        </ divの> 
        < BR /> 
        < divの> 
            < ラベル>爱＆NBSP;＆NBSP;＆NBSP;好：</ ラベル> 
            < 入力タイプ= "チェックボックス" 名前= "のような" 値= "研究" > 学习
             < 入力タイプ= "チェックボックス" 名前=「のような」値=「パイソン」> のpython
             < 入力タイプ=「チェックボックス」名前=「のような」値= "フロントエンド" > 前端
            < 入力タイプ= "チェックボックス" 名前= "のような" 値= "美" > 美少女
         </ divの> 
        < BR /> 
        < divの> 
            < ラベル>照＆NBSP;＆NBSP;＆NBSP;片：</ ラベル> 
            < 入力タイプ= "ファイル" 名= "" > 
        </ divの> 
        < BR /> 
        < divの> 
            < ラベル>個人ジェーン・シャオ：</ ラベル> 
            <テキストエリア名= "紹介" > </ TEXTAREA > 
        </ divの> 
        < BR /> 
        < divの> 
            < ラベル>籍＆NBSP;＆NBSP;＆NBSP;贯：</ ラベル> 
            < 選択名= "サイト" > 
                < オプション値= "0" >北京</ オプション> 
                < オプション値= "1" >上海</ オプション> 
                <オプション値=「2」>河南</ オプション> 
                < オプション値= "3" >湖北</ オプション> 
                < オプション値= "4" >云南</ オプション> 
            </ 選択> 
        </ DIV > 
        < BR /> 
        < DIV > 
            < BR > 
            < 入力タイプ= "隠し" 名= "hid01" 値= "12" > 
        </ DIV > 
        < BR />  
        <DIV > 
            < 入力タイプ= "提出" 名前= "" 値= "提交" > 
            <！ - <入力タイプ= "画像" SRC = "画像/ goods.jpg"名前= ""> - > 
            < 入力タイプ= "リセット" 名前= "" 値= "重置" > 
        </ DIV > 
    </ 構成> 
</ ボディ> 
</ HTML >

コードの表示

例えば：

<フォーム>

<div>
</ label>は：用户名<= "ユーザー名"のラベル>
の<input type = "text"の名= "ユーザ名" ID = "ユーザ名">
</ div>

</フォーム>

<=「ユーザー名」のラベル>と <入力されたID =「ユーザ名」>フィット、テキストをクリックして選択することができます。

Linuxの基礎3

HTMLフォーム

おすすめ