CSSの基本構造化マークアップフォームなど_html/css_WEB-ITnose

1、什么是结构化标记

对布局使用的div 进行升级 ， 根据页面的不同区域而提供的不同标签。作用与div几乎一致

专门用于搭建网站结构而用

2、结构标记详解

1、

元素

作用：用于定义【网页内容的头部】、或者是【某部分信息中的头部】

语法：

头部区域的内容

2、

元素

作用：用于定义页面的【导航链接】部分

语法：

3、

元素

作用：定义文档中的 小节,可以定义网页主体内容

语法：

通常のテキスト....

....

4.

役割: の他の部分から独立した情報を定義します。文書の内容。

用途: 主にフォーラムの投稿、ニュース情報、ブログエントリ、ユーザーコメント、Weibo 情報コンテンツに使用されます

文法:

国産大型航空機C919 オフライン

………………

5.

機能: 特定の領域のフット(底部)情報を定義します

著作権情報、企業ロゴ、アフターサービスなどの重要でない情報を定義します

構文:

• 会社概要
• お問い合わせ
• ソーシャル採用

6.

要素

役割: 主にサイドバーの定義に使用されます

構文:

出版情報

最新の出版記録を見る

7. 注:

一部の構造化マークアップが不十分な場合Web ページのコンテンツを表示する場合は、div を使用して柔軟に制御します

2. フォーム

機能: ユーザー データを受信し、[サーバーに送信]

1. フォームを定義します:

主な属性:

1. アクション: アクション、デフォルトでこのページに送信される URL

2.よく使用される値: get または post

get: 本来の目的はサーバーからデータを取得することです

送信された情報はそのままアドレスバーに表示されます (クリアテキスト送信)、最大 2kb のデータを送信できます

post: 本来の目的は、データをサーバー処理に送信することです。

データを送信するとき、情報はアドレスバーに表示されません（暗号化されたテキスト送信）、送信されるサイズに制限はありませんデータ

ユーザーのセキュリティ要件が高い場合、投稿のセキュリティはより高くなります。登録およびログインする際には投稿を使用する必要があります。入稿データの量が多い場合にはポストを選択することもできます。

3. enctype: フォームデータをエンコードする方法

注: テキスト送信とファイル送信では異なるエンコード方法が使用されます

デフォルト値はテキスト送信方法です: application/x-www-form-urlencoded

ファイルを送信する場合、この属性値を次のように変更する必要があります:

multipart/form-data

4. name: フォーム名を定義します

2. フォーム要素

はフォーム コントロールとも呼ばれます。外観とユーザー入力データを受け入れることができます

フォーム要素の分類:

1. 入力要素

input 単一タグで始まるすべての要素

構文:

属性:

1. 、異なるタイプの値に応じて、異なる入力要素 (テキスト ボックス、パスワード ボックス、ラジオ ボタン、チェック ボックス) が作成されます

2. 値: 値、現在のフォーム要素の値 (デフォルト値、ユーザーが入力した値) )

3 、name: name、フォーム要素の名前を定義し、主に使用のために [サーバー] に送信されます

4。 id: 固有の識別子、使用のために [このページ] の [JavaScript] に提供されます

5。無効: コントロールを無効にします

1. テキスト ボックスとパスワード ボックス

テキスト ボックス:

パスワード ボックス:

属性:

maxlength: 最大長、ユーザーが入力する文字数を制限します

readonly: 読み取り専用、表示のみ可能、書き込みはできません

name と id の値の指定: コントロールの省略形で始まります、関数名、関数名の各単語の最初の文字は大文字にする必要があります

テキスト ボックス: ユーザー名--> txtUserName

パスワード ボックス: ユーザー パスワード--> txtUserPwd

2.とチェックボックス

ラジオボタン:

< ;input type="radio" name="" />

注:上記の関数では、name 属性をラジオボタンとしても使用できます。 グループ化、グループ内では 1 つだけ選択できます

チェックボックス:

テキスト

属性: チェック済み

3 、ボタン

1. 送信ボタンの機能が修正され、フォーム内のすべてのフォーム要素のデータがサーバーに送信されます

2.ボタン

この関数は修正され、フォーム内のすべてのフォーム要素を初期値に戻します。データをクリアします。

3. 通常のボタン

には機能がなく、クライアント スクリプトを実行するために使用されます。 (ボタン機能はカスタマイズ可能です)

==>

text

userDo.php?txtUserName=wji. =zhaomin&rdoGender= Female&chkHobby=eat&chkHobby=play

4. 隠しドメインとファイル選択ボックス

1. 隠しドメイン

HTML ページ内に隠されている要素は、ユーザーには表示されませんが、サーバーに送信できます。

userDo.php?txtUserName=ZHANGWUJI&txtUserPwd=WUJI.ZHANG&rdoGender=女性&chkHobby=eat&chkHobby=ドリンク&txtUid=11010 01

2. ファイルの選択Box

を使用すると、ユーザーはダイアログ ボックスを開いて、サーバーにアップロードするファイルを選択できます。

注:

1. enctype の値を multipart/form-data に変更するには

2. メソッドは post

である必要があります。 5、html5コア

2. textarea要素

学名: 複数行のテキストフィールド、複数行テキスト入力ボックス

デフォルトテキスト

Attributes:

name: 名前

cols: テキストエリアの列数、1行に表示できる文字数を指定します

rows : テキストエリアの行数を指定します。デフォルトでは、数行のデータが表示され、それを超える場合はスクロールバーが表示されます

3、選択とオプション

選択: オプションボックス、ドロップダウンリストbox

構文:

属性:

name: 要素名

size: デフォルトで表示されるオプションボックスの長さは 1 より大きく、これはスクロールリストです

multiple: 複数選択

option: オプションボックス内のオプションデータ、オプションによって表示されるテキスト

Attributes:

value: オプションの値

selected: 事前選択

4、その他の要素

1、 要素

[テキスト] および [フォーム コントロール] に関連付けられます

属性:

for: 要素

に関連付けられた [コントロール] の [ID] 値を表します

構文: テキスト コンテンツ

2. 要素のグループ化

構文:

: グループ コントロール

< /legend> : グループのタイトルを指定します

3. その他のタグ

1. フローティング フレーム< iframe>

属性:

1、src

2、width 3、height

4、frameborder: 導入されたフローティングフレームの境界線、値 0 の場合、境界線はありません

注:

iframe タグはペアで出現する必要があります

。

2.概要と詳細

拡大・縮小できるコンテンツ

構文:

タイトル

通常の表示コンテンツ

3. 測定要素

構文:

属性:

min: 現在の測定要素 範囲の最小値、デフォルトは 0 です

max: 現在の測定要素の範囲の最大値、デフォルトは 1 です

value: 測定値、デフォルトは 0

4. 時間要素

Function : 異なる時間表現が関連付けられます

正午の 4 分の 3

5. 強調表示

強調表示されたテキスト< ;/mark>