ホームページ >ウェブフロントエンド >htmlチュートリアル >フォームコントロールのselectタグの使い方

フォームコントロールのselectタグの使い方

清浅
清浅オリジナル
2018-12-11 14:43:447007ブラウズ


フォーム コントロールの選択タグは、使用可能なオプションとその他の属性を定義するために使用されます。フォームコントロールの選択特性などを設定します。

今日紹介するのは、HTML におけるフォーム コントロールの select の使い方です。ある程度の参考になるので、皆さんのお役に立てれば幸いです。

##【おすすめコース: HTML チュートリアル

フォームコントロールのselectタグの使い方

##タグを選択

select はドロップダウン リストを作成するために使用され、その要素内の 5a07473c87748fb1bf73f23d45547ab8 タグは主にリスト内で使用可能なオプションを定義するために使用されます。例: select によるドロップダウン メニューの実装ケース #

 <select style="width:100px;height:30px;">
        <option>打球</option>
        <option>运动</option>
        <option>看电视</option>
    </select>

レンダリングは次のとおりです:

select 属性:

フォームコントロールのselectタグの使い方

select には、HTML5 で次の 3 つの新しい属性があります。



autofocus: テキスト領域を参照します。ページが読み込まれた後に自動的にフォーカスを取得します。Internet Explorer 9 以前のバージョンでは 221f08282418e2996498697df914ce4e タグの autofocus 属性がサポートされていないことに注意してください。

form: テキスト領域が属する 1 つ以上のフォームを示します。Internet Explorer は form 属性をサポートしていないことに注意してください。

required: テキスト領域の範囲を指しますが、この属性は現在、すべての主流ブラウザでサポートされていません。

size: で表示されるオプションの数を指します。ドロップダウンリスト。

disabled: ドロップダウン リストの使用が禁止されていることを示します。

multiple: 複数のオプションを選択できることを示します。

name: ドロップダウン リストの名前を指します。

例: ドロップダウン リストの表示参考文献を 2 に設定すると、複数のオプションを選択できます

 <select style="width:100px;height:40px;" multiple="multiple" size="2">
        <option>打球</option>
        <option>运动</option>
        <option>看电视</option>
    </select>

レンダリングは次のとおりです:

# #まとめ: 以上がこの記事の全内容です。この記事を通じて皆さんが select タグを理解して使えるようになれば幸いです。

以上がフォームコントロールのselectタグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。