HTML 基本コントロール入門_PowerNode Java アカデミー

<input> タグ

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

タイプ属性

type 属性の値に応じて、入力フィールドにはさまざまな形式を設定できます。テキスト フィールド、チェック ボックス、マスクされたテキスト コントロール、ラジオ ボタン、プッシュ ボタンなどになります。

テキスト: テキストエリア

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

パスワード: パスワードエリア、入力テキストは「*」で表示されます

チェックボックス: チェックボックス

チェック属性: 選択されているかどうか。

ラジオ: 単一選択ボックス;

name属性: 1つの領域で選択する複数のラジオボタンを指定します

reset: 現在の <form> フォーム内のすべてのタグを初期化状態にリセットします (テキスト領域の内容をクリアするなど)

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

ボタン: 通常のボタン

値属性: ボタンに表示されるテキスト

ファイル: ファイル選択タグ

非表示: ユーザーに表示されないが、自分で使用する情報を保存できる隠し領域

画像: 画像領域

src 属性: 画像が保存されているパスを指定します。
タイトル属性: マウスを画像の上に移動したときに表示されるテキスト。
alt: 画像の読み込みに失敗したときや閉じられたときに表示されるテキスト。

例

<select> タグ

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

財産

1) size {int}: ドロップダウンリストのサイズを設定します。デフォルトのスタイルはコンボックスです。1 より大きい場合はリストボックス スタイルになります。

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

3) 項目サブ項目:

① <optgroup> タグ：オプションのカテゴリを定義し、選択できません。

label {文字列} 属性: 表示されるカテゴリの名前 title {文字列} 属性: 選択した項目の上にマウスを移動したときに表示される情報

② <option>タグ: オプション項目を定義する

vlaue {文字列} 属性: オプションの特定の名前 title {文字列} 属性: オプションの上にマウスを移動したときに表示される情報

例

<h3>タグを選択</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>
</選択>

<textarea> タグ

複数行のテキスト領域の場合、cols 属性と rows 属性を使用してテキスト領域のサイズを設定できます。

財産

rows {int}: 表示する行数を示します。
cols {int}: 表示する列の数を示します。
readonly {boolean}: 読み取り専用にするかどうか。

例

<label> タグ

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

財産

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

<テーブル>
    <tr>
        <td><label for='username'>名前:</label></td>
        <td><input type="text" id='ユーザー名'/></td>
    </tr>
    <tr>
        <td><label for='userpwd'>パスワード:</label></td>
        <td><input type="password" id='userpwd' /></td>
    </tr>
</テーブル>

例

<fieldset> タグ

Winform の groupBox コントロールに似ています。

アイテム

<legend></legend>: 見出しの名前を示します。

<h3>フィールドセットタグ</h3>
<フィールドセット スタイル='幅:130px' >
    <legend>性別</legend>
    <input type="radio" name='sex' value='boy' />男性<input type="radio" name='sex' value='girl' />女性</fieldset>

例

ul、ol、li リスト タグ

ul ：順序なしリスト

ol ：順序付きリスト

li: 上記の 2 つのリストサブ項目に基づくリスト項目。

コード例:

<ul type=circle>
    <li>ul1</li>
    <li>ul2</li>
    <li>ul3</li>
</ul>
<ol タイプ = 1>
    <li>li1</li>
    <li>li2</li>
    <li>li3</li>
</ol>

財産

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

ul: タイプには、円 (白抜きの円)、円盤 (塗りつぶされた円)、四角形 (塗りつぶされた四角形)、なし (前面に記号なし) が含まれます。

ol: タイプには次のものがあります: 1: 順序付けられた 1、2、3 を表します。a: 順序付けられた a、b、c を表します。i: ローマ数字の i、ii、iii。円、円盤、四角形、なしとして定義することもできますが、実際にはすべて 1、2、3 などのシーケンスです。