html 5フォーム属性の追加
4295 ワード
1、フォームフィールドセット:
ボックスに相当し、フィールドセットにテキストやその他の要素を含めることができます.この要素は、フォーム内の要素をグループ化し、ドキュメント内でテキストを区別するために使用されます.fieldset要素はネストでき、その内部で複数のfieldsetオブジェクトを設定できます.disabled定義空間禁止使用可能
2、フィールドレベルタイトル:
legend要素はfieldsetオブジェクトが描画したボックスにタイトルを挿入できます.legend要素はfieldset内の最初の要素でなければなりません.
3、ヒント情報ラベル:
Label要素はラベルを定義し、ページ上の他の要素にヒント情報を指定します.label要素を他のコントロールにバインドするには、label要素のfor属性をコントロールのid属性値と同じに設定します.
4、ファイルボックスをアップロードする:
type属性値の新規タイプは、fileファイルタイプ、ファイルの選択が可能、multiple属性が複数選択可能
5、画像領域:
1、セル間隔:
セル間隔(tableに追加する必要があるプロパティ)は、セルの枠線間の距離を表し、負の値は使用できません.
2、隣接セルの枠線を結合する:
役割:隣接するセルの枠線(tableに追加する必要がある)separate(枠線が分かれている)のデフォルト値をマージします.collapse(枠線マージ)
3、内容がない場合のセルの設定:
セルに内容がない場合、そのセルの枠線を表示するかどうかを定義します.show:表示;hide:非表示;
4、表示ユニット、行と列のアルゴリズム(実行速度を速める):
表のレイアウトアルゴリズムを定義し、fixedを設定し、テキストが英字でスペースがない場合、内容がセル幅を超えると固定されます.幅を設けなければ平均的に分配する.autoを設定する場合、内容の幅によって異なります.(fixed:固定幅、内容によってセル幅が多少変わることはなく、幅は明確に定義でき、定義がない場合は幅が平均的に割り当てられ、高さは内容によって変化する)
5、表のタイトルを設定する:
Caption:表タイトル表タイトル表タイトル位置:caption-side:top/right/bottom/left説明:left、right位置は火狐認識のみ、top、bottom IE 6以上のバージョンはサポートされ、ie 6以下のバージョンは他の属性値をサポートせず、topのみを識別する.
6、隔行変色設定:二重数行:tr:nth-child(2 n){}単数行:tr:nth-child(2 n+1){}単数セルのスタイルと二重数セルのスタイルHtml 5を追加
二)、表レイアウト要素
テーブル記述定義テーブル
表の行の定義
表のヘッダーの定義
テーブルのボディの定義
表のフッターの定義
テーブル列のプロパティの定義
テーブル列のグループの定義
表ヘッダーの定義
表の列ヘッダーの定義
表のセルの定義
1、htmlの重要な属性:
1)colspan="value"連結列2)rowspan="value"と並列3)valign="top/bottom/middle/baseline"垂直整列方式4)rules="groups/rows/cols/all/none"追加グループ区切り線説明:rows:行の間にある線cols:列の間にある線all:行と列の間にある線none:線なしgroups:行グループと行の間にある線列グループ間の線rulesプロパティは、Internet Explorer、Chrome、またはSafariに正しく表示されません.
2、データ列グループ(1)(2)
説明:1)colとcolgroup要素は、左から右の順にデータテーブルをグループ化します.2)spanプロパティは、指定された隣接する数の列からなるグループを表示し、spanプロパティ値はデフォルトで1であり、デフォルトでは1つの列のみを1つのグループとして定義します.3)tableにrules="groups"属性を追加することで、グループ列にグループの分割線を追加できます.
注意:colとcolgroupは同じ機能を持っていますが、colgroup要素を使用して表の内容部分分割線(rules)が位置するべき場所を設定するしかありません.colにはこの機能はありません.th:テーブル内のヘッダーセルを定義します.
HTMLフォームには、ヘッダー・セル-ヘッダー情報(th要素によって作成された)を含む標準セル-データ(td要素によって作成された)を含むth要素の内部のテキストは、通常、中央の太字テキストとして表示されますが、td要素内のテキストは通常、左揃えの一般的なテキストです.
3、データ行グループ
表頭
ひょうめんたい
表の末尾
説明:1つのtableには、1つのthead、1つのtfootしか含まれませんが、複数のtbodyを含むことができます.
説明:thead要素はtbody要素とtfoot要素と組み合わせて使用する必要があります.tbody要素は、HTMLテーブル内のマスターコンテンツをグループ化するために使用され、tfoot要素は、HTMLテーブル内のテーブルコメント(フッター)コンテンツをグループ化するために使用されます.
これらの出現順序はthead、tfoot、tbodyであり、ブラウザはすべてのデータを受信する前にフッターを表示することができます.これらのラベルはtable要素の内部で使用する必要があります.ヒント:デフォルトでは、これらの要素はテーブルのレイアウトに影響しません.ただし、CSSを使用して、これらの要素をテーブルの外観を変更することができます.
詳細:thead、tfoot、およびtbody要素により、テーブル内のローをグループ化できます.テーブルを作成するときに、ヘッダー行、データのある行、および下部にある合計行を持つことを望むかもしれません.この分割により、ブラウザは、テーブルヘッダーとフッターから独立したテーブル本文のスクロールをサポートできます.長いテーブルが印刷されると、テーブルのヘッダーとフッターがテーブルデータを含む各ページに印刷されます.
<fieldset>fieldset>
ボックスに相当し、フィールドセットにテキストやその他の要素を含めることができます.この要素は、フォーム内の要素をグループ化し、ドキュメント内でテキストを区別するために使用されます.fieldset要素はネストでき、その内部で複数のfieldsetオブジェクトを設定できます.disabled定義空間禁止使用可能
2、フィールドレベルタイトル:
<legend>legend>
legend要素はfieldsetオブジェクトが描画したボックスにタイトルを挿入できます.legend要素はfieldset内の最初の要素でなければなりません.
3、ヒント情報ラベル:
<label for=" id ">label>
Label要素はラベルを定義し、ページ上の他の要素にヒント情報を指定します.label要素を他のコントロールにバインドするには、label要素のfor属性をコントロールのid属性値と同じに設定します.
4、ファイルボックスをアップロードする:
type="file" multiple="multiple" />
type属性値の新規タイプは、fileファイルタイプ、ファイルの選択が可能、multiple属性が複数選択可能
5、画像領域:
>
一)表ラベル及び属性高級**1、セル間隔:
border-spacing:value;
セル間隔(tableに追加する必要があるプロパティ)は、セルの枠線間の距離を表し、負の値は使用できません.
2、隣接セルの枠線を結合する:
border-collapse:separate/collapse;
役割:隣接するセルの枠線(tableに追加する必要がある)separate(枠線が分かれている)のデフォルト値をマージします.collapse(枠線マージ)
3、内容がない場合のセルの設定:
empty-cells:show/hide;
セルに内容がない場合、そのセルの枠線を表示するかどうかを定義します.show:表示;hide:非表示;
4、表示ユニット、行と列のアルゴリズム(実行速度を速める):
table-layout:auto/fixed;
表のレイアウトアルゴリズムを定義し、fixedを設定し、テキストが英字でスペースがない場合、内容がセル幅を超えると固定されます.幅を設けなければ平均的に分配する.autoを設定する場合、内容の幅によって異なります.(fixed:固定幅、内容によってセル幅が多少変わることはなく、幅は明確に定義でき、定義がない場合は幅が平均的に割り当てられ、高さは内容によって変化する)
5、表のタイトルを設定する:
<caption> caption>
Caption:表タイトル表タイトル表タイトル位置:caption-side:top/right/bottom/left説明:left、right位置は火狐認識のみ、top、bottom IE 6以上のバージョンはサポートされ、ie 6以下のバージョンは他の属性値をサポートせず、topのみを識別する.
6、隔行変色設定:二重数行:tr:nth-child(2 n){}単数行:tr:nth-child(2 n+1){}単数セルのスタイルと二重数セルのスタイルHtml 5を追加
二)、表レイアウト要素
テーブル記述定義テーブル
表の行の定義
表のヘッダーの定義
テーブルのボディの定義
表のフッターの定義
テーブル列のプロパティの定義
テーブル列のグループの定義
表ヘッダーの定義
表の列ヘッダーの定義
表のセルの定義
1、htmlの重要な属性:
1)colspan="value"連結列2)rowspan="value"と並列3)valign="top/bottom/middle/baseline"垂直整列方式4)rules="groups/rows/cols/all/none"追加グループ区切り線説明:rows:行の間にある線cols:列の間にある線all:行と列の間にある線none:線なしgroups:行グループと行の間にある線列グループ間の線rulesプロパティは、Internet Explorer、Chrome、またはSafariに正しく表示されません.
2、データ列グループ(1)(2)
説明:1)colとcolgroup要素は、左から右の順にデータテーブルをグループ化します.2)spanプロパティは、指定された隣接する数の列からなるグループを表示し、spanプロパティ値はデフォルトで1であり、デフォルトでは1つの列のみを1つのグループとして定義します.3)tableにrules="groups"属性を追加することで、グループ列にグループの分割線を追加できます.
注意:colとcolgroupは同じ機能を持っていますが、colgroup要素を使用して表の内容部分分割線(rules)が位置するべき場所を設定するしかありません.colにはこの機能はありません.th:テーブル内のヘッダーセルを定義します.
HTMLフォームには、ヘッダー・セル-ヘッダー情報(th要素によって作成された)を含む標準セル-データ(td要素によって作成された)を含むth要素の内部のテキストは、通常、中央の太字テキストとして表示されますが、td要素内のテキストは通常、左揃えの一般的なテキストです.
3、データ行グループ
表頭
ひょうめんたい
表の末尾
説明:1つのtableには、1つのthead、1つのtfootしか含まれませんが、複数のtbodyを含むことができます.
説明:thead要素はtbody要素とtfoot要素と組み合わせて使用する必要があります.tbody要素は、HTMLテーブル内のマスターコンテンツをグループ化するために使用され、tfoot要素は、HTMLテーブル内のテーブルコメント(フッター)コンテンツをグループ化するために使用されます.
これらの出現順序はthead、tfoot、tbodyであり、ブラウザはすべてのデータを受信する前にフッターを表示することができます.これらのラベルはtable要素の内部で使用する必要があります.ヒント:デフォルトでは、これらの要素はテーブルのレイアウトに影響しません.ただし、CSSを使用して、これらの要素をテーブルの外観を変更することができます.
詳細:thead、tfoot、およびtbody要素により、テーブル内のローをグループ化できます.テーブルを作成するときに、ヘッダー行、データのある行、および下部にある合計行を持つことを望むかもしれません.この分割により、ブラウザは、テーブルヘッダーとフッターから独立したテーブル本文のスクロールをサポートできます.長いテーブルが印刷されると、テーブルのヘッダーとフッターがテーブルデータを含む各ページに印刷されます.