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

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

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

type 属性

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

ラジオボタン

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

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

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

checkbox: チェックボックス

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

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

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

submit: 現在の ff9c23ada1bcecdd1a0fb5d5a0f18437 フォーム情報を指定されたページに送信します。

button: 通常のボタン

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

file: ファイル選択ラベル

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

image: 画像領域

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

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

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

例

221f08282418e2996498697df914ce4e タグ

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

属性

1) size {int}:

ドロップダウン リスト

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

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

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

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

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

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

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

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

<h3>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>

543cd2c4a2357e79264a0ef31fd15b39ラベル

は、表示テキストボックスに相当します。

Attribute

for {elementID}: 対応するコントロール ID を関連付けます。このラベルをクリックすると、その ID にバインドされたコントロールがフォーカスを取得します。

ul: 順序なしリスト (順序なしリスト)

ol: 順序付きリスト (順序付きリスト))

li: リスト項目 (リスト項目)、上記 2 つのリストのサブ項目に基づきます。

コード例:

<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>

Attributes

type {string}: 25edfb22a4f469ecb59f1190150159c6 タグの前のシンボル スタイルを定義します。

ul: タイプには以下が含まれます: 円中空円、円盤中実円、正方形中実正方形、なし: 前に記号なし。 1: 順序付けされた 1、2、3 を示します。 、 c; i: ローマ数字 i、ii、iii; 円、円盤、正方形、なしとも定義できますが、実際にはすべて 1、2、3 のようなシーケンスです。これらのケースを読んでください。 この方法をマスターしたら、よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

HTML Webページにビデオを挿入する方法

HTML+CSSを使用してマウスをスワイプして二次メニューバーを表示する方法

フロントの作り方インターフェースの終了は自動的にjs、cssファイルのキャッシュをクリーンアップします

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