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

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

2. タグ

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

1 タイプ属性

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

text：テキストエリア
readonly属性：読み取り専用かどうか。
password: パスワード領域、入力したテキストが「*」で表示されます
checkbox: チェックボックス
checked属性: チェックするかどうか;
radio: ラジオボタン;
name属性: 1つの領域に複数のラジオボタンボックスを指定します ラジオ操作
リセット: 現在の

フォーム内のすべてのラベルを初期化状態にリセットします (テキスト領域の内容をクリアするなど)
submit: 現在の フォーム情報を指定されたページに送信します
button: 通常のボタン
Value 属性:ボタンボタンで表示されるテキスト
file:ファイル選択ラベル
hide:隠し領域、ユーザーには表示されないが自分で使用する情報を保存できます
image:画像領域
src属性:画像が保存されるパスを指定します保存されます;
title 属性: マウスを移動したときに画像に表示されるテキスト;

2 例

3. タグ

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

1 属性

1)

size

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

① <

optgroup

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

② <

option

>Label: オプションの項目を定義します 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. 複数行のテキストエリア。テキストエリアのサイズは、cols 属性と rows 属性で設定できます。

1 属性

rows {int}: 表示される行数を示します。

cols {int}: 表示される列の数を示します。

readonly {boolean}: 読み取り専用かどうか。

2 例

5. ラベル

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

1 {elementID} の属性

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

6.

タグ

は、winform の groupBox コントロールに似ています。

1.item sub-item

: ヘッダーの名前を示します。

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

タグの前のシンボル スタイルを定義します。

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

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

もっと見る

人気の記事

R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O.最高のグラフィック設定

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

アサシンのクリードシャドウズ：シーシェルリドルソリューション

2週間前 By DDD

R.E.P.O.誰も聞こえない場合はオーディオを修正する方法

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

WWE 2K25：Myriseのすべてのロックを解除する方法

3週間前 By 尊渡假赌尊渡假赌尊渡假赌

もっと見る

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Gmailメールのログイン入り口はどこですか？

7467

15

CakePHP チュートリアル

1376

52

Steamのアカウント名の形式は何ですか

77

11

Win11 Activation Key Permanent

48

19

NYTの接続はヒントと回答です

19

20

もっと見る

Related knowledge

＆lt; Progress＆gt;の目的は何ですか 要素？ Mar 21, 2025 pm 12:34 PM

この記事では、HTML＆lt; Progress＆gt;について説明します。要素、その目的、スタイリング、および＆lt; meter＆gt;との違い要素。主な焦点は、＆lt; Progress＆gt;を使用することです。タスクの完了と＆lt; Meter＆gt; statiの場合

＆lt; datalist＆gt;の目的は何ですか 要素？ Mar 21, 2025 pm 12:33 PM

この記事では、HTML＆lt; Datalist＆GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

＆lt; meter＆gt;の目的は何ですか 要素？ Mar 21, 2025 pm 12:35 PM

この記事では、html＆lt; meter＆gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化＆lt; Meter＆gt; ＆lt; Progress＆gt;およびex

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか？ Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

HTML5＆lt; time＆gt;を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素？ Mar 12, 2025 pm 04:05 PM

この記事では、html5＆lt; time＆gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ（ISO 8601形式）のDateTime属性の重要性を強調し、Accessibilitを増やします

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？ Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか？レスポンシブデザインにとってなぜそれが重要なのですか？ Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？ Mar 20, 2025 pm 06:05 PM

この記事では、＆lt; iframe＆gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

See all articles

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて 免責事項 Sitemap

© php.cn All rights reserved