一般的なHTMLタグとプレゼンテーション(B)

フロント及びリアエンドユーザインタラクションデータは、フォームが不可欠で形成する場合にフォームのフォームタグは、ラベルに非常に重要です。

、フォームのフォーム定義と使用

ユーザー入力のためのフォームを作成するための1. HTMLタグ。
2.フォームは、テキストフィールド、チェックボックス、ラジオボタンなどの入力要素を含む、というようにボタンを提出することができます。
サーバへのデータ転送に使用3.フォーム。
注:フォーム要素は、長手方向折り線を生成するブロック要素です。

用法:<form action="" method="" enctype="" autocomplete="">

第二に、一般的に使用されるフォーム要素

[ラベル]入力

入力ブロックを示し、入力フレーム表示タイプ属性に応じて決定することができる様々な形態があります。

用法:<input name="" type="属性" >
入力プロパティ 説明
テキスト 単一行のテキスト入力は、口座番号を入力するために使用することができます
パスワード パスワード入力ボックス
無線 チェックボックス
チェック チェックボックス
日付 日付表示
日付時刻 時間表示
ボタン (イベントのJSを結合するために使用される)プッシュボタン
リセット リセット
提出します 提出します
TEXTAREA 大きなテキストボックスには、はじめにを書き込むために使用することができます
選択 ドロップダウンメニュー

第三に、一般的に使用されるフォーム要素の使用法

彼は強調した:選択\のテキストエリア\入力をname属性を持つ必要があります

要素[テキスト]

単一行のテキスト入力ボックスを確立するための

用法:
 <p>
        <label for="yhm">用户名:</label>
        <input id="yhm" name="username" type="text" readonly>
        <input name="username" type="text" placeholder="小强" disabled>
    </p>

[パスワード]の要素

パスワード入力ボックスを確立するための

<p>密码:
        <input name="password" type="password">
    </p>

[要素]ラジオ

単一のボックスを作成します

<p>性别:
        <input name="gender" type="radio" value="1">男
        <input name="gender" type="radio" value="0">女
        <input checked name="gender" type="radio" value="2">保密
    </p>

注意:唯一の同じ名前は、ラジオ、または複数選択することができます場所。

[要素]チェックボックス

チェックボックスを作成するために使用されます

<p>爱好:
        <input name="bobby" type="checkbox" value="football">足球
        <input name="hobby" type="checkbox" value="doublecolorball">双色球
        <input name="hobby" type="checkbox" value="basketball">篮球
    </p>

[プロパティ] TEXTAREA

大きなテキストボックスを作成するために、一般的に紹介を書き込むために使用

<p>
        <textarea name="" id="" cols="30" rows="10"></textarea>
    </p>

注:行のcolsの数の列の行の数

[プロパティ]を選択]

ドロップダウンメニューを作成するために使用されます

<select name="form1" id="" multiple>
            <option value="sx">陕西</option>
            <option value="sc">四川</option>
        </select>

    <p>
        <select name="form2" id="">
            <optgroup label="北京">
                <option value="hd">海淀区</option>
                <option value="cy">朝阳区</option>
            </optgroup>
        </select>
    </p>

注:
読み取り専用は読み取り専用で、すなわち唯一のテキストボックスの内容を変更することはできません読み取り
、すなわち要素は、任意の操作入力行うことができない、入力要素を無効にする無効
デフォルトテキストボックスを設定するために、値=「xxx」は(実際に存在します)
プレースホルダ=「XXX」)は灰色(非物理的値をデフォルト設定であります

おすすめ

転載: blog.csdn.net/w819104246/article/details/89286102