HTML の基本的なコントロールは何ですか?

今回はHTMLの基本的なコントロールとは何か、HTMLコントロールを使用する際の注意点についてお話しします。以下は実際のケースですので見ていきましょう。 タグ

タグは、ユーザー情報を収集するために使用されます。

type 属性

さまざまな type 属性値に従って、入力フィールドには多くのフォームがあります。テキストフィールド、チェックボックス、マスクされたテキストコントロール、

ラジオボタン

、ボタンなどです。 text: テキスト領域

readonly 属性: 読み取り専用かどうか。

password: パスワード領域、入力したテキストが「*」で表示されます

checkbox: チェックボックス

checked 属性: チェックするかどうか;

radio: ラジオボタンを複数指定します。エリア内

reset: 現在の

フォームのすべてのラベルを初期化状態にリセットします (テキスト領域のコンテンツをクリアするなど)。

submit: 現在の

フォーム情報を指定されたページに送信します。

button: 通常のボタン

Value 属性: button ボタンによって表示されるテキスト

file: ファイル選択ラベル

hide: 非表示領域、ユーザーには表示されないが自分で使用するいくつかの情報を保存できます

image: 画像領域

src 属性: 画像が保存されるパスを指定します。

title 属性: 画像上にマウスを移動したときに表示されるテキスト。

alt: 画像の読み込みに失敗した場合、または画像が閉じられた場合に表示されるテキスト。 ;

例

タグ

winform のコンボボックスやリストボックスと同様に、単一選択または複数選択のメニューを作成できます。

属性

1) size {int}:

ドロップダウン リスト

のサイズを設定します。デフォルトはコンボックス スタイルで、1 より大きい場合はリストボックス スタイルになります。

2) multiple {boolean}: 複数選択かどうか。複数選択する場合は、Ctrl キーを押しながら左ボタンを押して複数選択操作を実行します。

3) item サブアイテム: ① ラベル: 選択されたアイテムのカテゴリを定義します。これは選択できません。

Label {string} 属性: カテゴリ表示の名前

Title {string} 属性: 選択した項目にマウスを移動すると、表示する情報

② Label: オプションの項目を定義します

vlaue { string} 属性: 選択した項目の特定の名前

Title {string} 属性: 選択した項目にマウスを移動すると、表示される情報

<h3 id="select标签">select标签</h3>
<select id="province" multiple=multiple size="6" >
    <optgroup label="直辖市"  ></optgroup>
    <option value="bj" title="北京市" >北京</option>
    <option value="sh">上海</option>
    <optgroup label="省市" ></optgroup>
    <option value="zj">浙江</option>
    <option value="fj">福建</option>
</select>

label <p><br> 複数行のテキストエリア、textarea を指定できますCols および Rows 属性のサイズによって設定されます。 </p> <p>Attributes</p> <p>rows {int}: 表示される行数を示します。 </p>cols {int}: 表示される列の数を示します。 <p>readonly {boolean}: 読み取り専用かどうか。 </p> <p><br>例<br><br></p> <label>ラベル<p><br>は、表示テキストボックスに相当します。 </p> <p>Attribute</p> <p>for {elementID}: 対応するコントロール ID を関連付けます。このラベルをクリックすると、その ID にバインドされたコントロールがフォーカスを取得します。 </p>ul: 順序なしリスト (順序なしリスト) <p></p>ol: 順序付きリスト (順序付きリスト)) <p></p>li: リスト項目 (リスト項目)、上記 2 つのリストのサブ項目に基づきます。 <p></p> <p>コード例: </p><pre class='brush:php;toolbar:false;'><table> <tr> <td><label for=&#39;username&#39;>姓名：</label></td> <td><input type="text" id=&#39;username&#39;/></td> </tr> <tr> <td><label for=&#39;userpwd&#39;>密码：</label></td> <td><input type="password" id=&#39;userpwd&#39; /></td> </tr> </table></pre><p>Attributes</p> <p>type {string}: </p> <li> タグの前のシンボル スタイルを定義します。 <p>ul: タイプには以下が含まれます: 円中空円、円盤中実円、正方形中実正方形、なし: 前に記号なし。 1: 順序付けされた 1、2、3 を示します。 、 c; i: ローマ数字 i、ii、iii; 円、円盤、正方形、なしとも定義できますが、実際にはすべて 1、2、3 のようなシーケンスです。これらのケースを読んでください。 この方法をマスターしたら、よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事に注目してください。 </p> <p>関連記事: <br></p> <p>HTML Webページにビデオを挿入する方法</p> <p></p> <p></p>HTML+CSSを使用してマウスをスワイプして二次メニューバーを表示する方法<p></p> <p></p> <p>フロントの作り方インターフェースの終了は自動的にjs、cssファイルのキャッシュをクリーンアップします</p> <p></p> </li></label>

以上がHTML の基本的なコントロールは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。