Html==>>いくつかの古典_html/css_WEB-ITnose

1.CSS オーバーフロー属性

2.d5fd7aea971a85678ba271703566ebfd タグ

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

1 タイプ属性

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

text：テキストエリア
readonly属性：読み取り専用かどうか。
password: パスワード領域、入力したテキストが「*」で表示されます
checkbox: チェックボックス
checked属性: チェックするかどうか;
radio: ラジオボタン;
name属性: 1つの領域に複数のラジオボタンボックスを指定します ラジオ操作
リセット: 現在の ff9c23ada1bcecdd1a0fb5d5a0f18437 フォーム内のすべてのラベルを初期化状態にリセットします (テキスト領域の内容をクリアするなど)
submit: 現在の ff9c23ada1bcecdd1a0fb5d5a0f18437 フォーム情報を指定されたページに送信します
button: 通常のボタン
Value 属性:ボタンボタンで表示されるテキスト
file:ファイル選択ラベル
hide:隠し領域、ユーザーには表示されないが自分で使用する情報を保存できます
image:画像領域
src属性:画像が保存されるパスを指定します保存されます;
title 属性: マウスを移動したときに画像に表示されるテキスト;

2 例

3. 221f08282418e2996498697df914ce4e タグ

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

1 属性

1)

size

{int}: ドロップダウン リストのサイズを設定します。デフォルトはコンボックス スタイルで、1 より大きい場合はリストボックス スタイルになります。 2) multiple
{boolean}: 複数のオプションを選択するかどうか。複数選択する場合は、Ctrl キーを押しながら左ボタンを押して複数選択操作を実行します。 3) item サブアイテム:

① 0101d2454ecf376f0fe7db0e67807746 ラベル: 選択されたアイテムのカテゴリを定義します。これは選択できません。 label {string} 属性: カテゴリ表示の名前 title {string} 属性: 選択した項目にマウスを移動すると、表示される情報

② 74f86566f26f94b188fbb5d51a2d17e7Label: オプションの項目を定義します vlaue {string } 属性: 選択した項目の具体的な名前 title {string} 属性: 選択した項目の上にマウスを置くと、表示される情報

2 例

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

4. ef753e31366b29b336caec9180ddc488 ラベル

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

1 {elementID} の属性

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

6. 24ccacbf8d9533ee526e9f9ae1cba9cfa814477f903c8e27bd1ff8e5c6bbe7c1: ヘッダーの名前を示します。

<table> <tr> <td><label for='username'>姓名：</label></td> <td><input type="text" id='username'/></td> </tr> <tr> <td><label for='userpwd'>密码：</label></td> <td><input type="password" id='userpwd' /></td> </tr></table>

2 例

7. ul、ol、li リストタグ

1 はじめに

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

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

li : リスト上記の 2 つのリストのサブ項目に基づいて、項目 (リスト項目) が作成されます。

コード例:

rrree

2 属性

type

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

ul

: タイプは次のとおりです: 円、中空の円、ディスクの実線の円、正方形の実線の正方形、なし: 前に記号なし;

ol

: タイプの特徴: 1: 順序付けされた 1、2、3 を表します。 a、b、c の順序、i: ローマ数字 i、ii、iii。円、円盤、正方形、なしとも定義できますが、実際にはすべて 1、2、3 などの連続です。

8.CSS 表示属性

1 主な値

1) none: この要素は表示されません。

2) block: この要素はブロックレベルの要素として表示されます: 前後に改行があり、占有されます。独自のライン。インライン要素 → ブロック要素 3) インライン: この要素は、インライン要素: 1 の隣に 1 として表示されます。ブロック要素 → インライン要素

2 display:blockデモ

input3
をdisplay:blockに設定

9. CSSのdisplay:noneとvisibility:hiddenの違い

visibility:hiddenは非表示ですが、位置は保持されます。ブラウジング;

CSS 表示:none は存在しないとみなされ、ロードされません。

Overflow 属性値 {visible|hidden|scroll|auto} は、最初に DIV の幅 (width) と高さ (height) を制限する必要があります。どちらも HTML 要素を非表示にし、視覚効果に違いはありませんが、一部の DOM 操作では依然として異なります。

CSS display:none;

この属性を使用すると、HTML要素(オブジェクト)の幅、高さ、その他の属性値は「失われます」;

visibility:hidden;

Afterこの属性を使用すると、HTML 要素 (オブジェクト) は視覚的に見えなくなる (完全に透明になる) だけであり、それが占める空間的位置は依然として存在します。つまり、高さや幅などの属性値も保持されます。