01HTMLタグ属性

HTMLタグ属性

1.ラベル

ラベルは、ラベル名、ラベル属性、テキストコンテンツの3つの部分で構成されています(単一のラベルにはテキストコンテンツはありません)

2. label属性は、ラベルの説明です

3.ラベル属性

ラベル属性は、一般属性、独自属性、およびカスタム属性に分けられます

4.ユニバーサルラベル

すべてのタグには次の属性があります:id:一意の識別名(id名、Webページで一意である必要があります)class:タグにクラス名を付けますstyle:ラベルのインラインスタイルを設定しますタイトル:マウスを動かしたときラベルに、表示されるプロンプトコンテンツ

5.カスタムラベル属性

通常、値の受け渡しや画像の遅延読み込みなどに使用されます。形式:データ-カスタムワード

6、表形式

主にフォーマットされたデータを表示するために使用されます

テーブルは行と列で構成されています

フォーマット:

        <table> 
            <tr>行th--
                 ヘッダー。主に次のコンテンツを説明します。thのコンテンツは自動的に太字で中央に配置されます。
                <th> </ th>ヘッダー
                <td> </ td>列
                <td> < / td> 
                .... 
            </ tr> 
            ... 
        </ table>

テーブルテーブル属性:

border:テーブルの境界線を設定します; width:テーブルの幅を設定します; align:テーブルの配置を設定します;

整列:水平方向の整列左/中央/右

valign:垂直方向の配置上/中央/下

cellspacing:ピクセル間隔を設定します; cellpadding:セルギャップを設定します

7.クロス行/クロス列属性

主に複雑なテーブルを描画するために使用されます

  • 行スパン:行間

  • colspan:クロスカラム

8.完全なテーブル構成:

キャプション(タイトル)、thead(ヘッダー)、tbody(ボディ)、tfoot(フッター)の4つの部分

9、フォームフォームラベル

これはすべてのタグのコアタグの1つであり、フロントエンドの相互作用を実現するために使用される重要なタグです。

一般的な属性:

  • 名前:フォームの名前

  • アクション:フォームデータが送信される場所(通常はバックエンドファイル名またはWebサイト)。#の場合は、現在のファイルに送信することを意味します。

  • method:フロントエンドをバックエンドに送信するためのメソッド(主にGET / POST)。デフォルトはGETです。

フォーム要素の分類

1)入力クラス

入力入力クラス。主に、命令の入力、選択、または発行に使用されます。

主にtype属性を使用して、複数の状態を区別します

タイプ:テキスト/パスワード/ラジオ/チェックボックス/ファイル/ボタン/画像/送信/リセット

  • text:1行のテキスト入力ボックスtype = "text"書く必要はありません、タイプのデフォルトはテキスト属性属性です:プレースホルダー(プロンプト)/名前(名前)/ minlength(少なくとも入力された文字数)/ maxlength (入力される最大文字数))/無効/読み取り専用値(デフォルト値を設定)/パターン(通常の一致)

  • パスワード:パスワードボックスの属性はテキストと同じです

  • ラジオ:ラジオボタン、選択できるオプションは1つだけで、オプションは通常2つ以上です。一般的に使用される属性:名前(必須)/値/チェック済み(1か所でのみ使用可能)/無効(無効)/読み取り専用(読み取り専用))

  • チェックボックス:チェックボックス、1つ以上の一般的な属性を選択できます:名前(必須)/値/チェック済み(デフォルトで選択、複数の場所で使用可能)/無効(無効)/読み取り専用(読み取り専用)

  • ファイル:ファイルアップロードボタン

  • ボタン:通常のボタン。通常、命令の発行とスクリプトコードの呼び出しに使用されます。共通の属性:値(ボタンのタイトル)/無効(無効)

  • 画像:画像ボタン、使用法にはボタンのような特別な属性があります:src(画像の読み込みに使用され、値をtaに置き換えます)

  • 送信:送信ボタン。フォームのデータをバックグラウンドに送信するために使用されます。一般的な属性:値(ボタンのタイトル)/無効(無効)

  • リセット:ボタンをリセットし、フォームのすべてのコンポーネントのすべての入力コンテンツをクリアして、初期状態に復元します。共通属性:値(ボタンのタイトル)/無効(無効)

2)textareaクラス

主に大量のコンテンツを入力するために使用されるテキストフィールド(複数行のテキストボックスとも呼ばれます)

共通の属性:name / id / value / cols(列の数)/ rows(行の数)/ placeholder / minlength / maxlength / required(必須)

3)クラスを選択***

ドロップダウンリストボックスはデフォルトで単一選択に使用され、各オプションにはオプションが表示されます

  • 複数の属性:複数の項目を達成できることを示します

  • サイズ:表示される最大行数

4)ボタンクラス

  • 送信機能を備えた共通ボタンは、単独で使用できますが、フォーム要素には記述できません。

  • フォームに記載された送信機能がある場合

10. iframe:フレームセット

複数のWebページファイルを1つのファイルに結合するために使用されます。

一般的な属性:

  • 名前:フレーム名

  • src:外部HTMLファイルをインポートします

  • スクロール:スクロールバーを追加します(YES / NO / AUTO)

  • 高さ:高さ(%/ px)

  • 幅:幅(%/ px)

  • frameborder:境界線があるかどうか(0/1)

  • marginheight:フレームと上部または下部の間の距離(%/ px)

  • marginwidth:フレームと左右の間の距離(%/ px)

おすすめ

転載: blog.csdn.net/weixin_42248871/article/details/109910337