フォームラベル：（フォーム）
属性：（1）アクション：提出するアドレス（アクセスサーバ）バックエンドサーバーに
（2）の方法：提出
提出通常：GET、POST（他のヘッド、PUT、DELETE）
の提出をGET：
説明：（1）アドレスバーにユーザー情報を提出する
バックエンドサーバのアドレスのURLキー1 = VALUE1＆キー2 =値2 ？...
限られたデータサイズ（2）提出されます（4キロバイト以上ではない）
（3）GETのような、機密データを提出するのに適していません：パスワードの
パスワードに提出しなければならない：暗号化するためにパスワードを必要とする
ポスト提出：
説明：（1）データがアドレスバーに提出されていない
サーバ応答ヘッダーのHTTPネットワークプロトコルスタック、ブラウザリクエストヘッダ情報
FORMDATA：エンティティコンテンツ
キー1 =値1＆KEY2 =値2 ...
（2）データのサイズが制限されていない提出する
機密データのための（3）（特定の暗号化に必要なパスワード）
JSイベントプログラミング：
をonSubmitイベント：そのフォームの送信が成功し、trueを返します、フォームが正常に送信されることに注意してください：
注意：フォーム項目の形で必要な属性：name属性の
役割は：（背景がコンテンツを取得することができます）現在のシステムのバックグラウンドの内容をマークするために書きました
登録、ログイン：シナリオは、タグを形成します
コードの実装：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单标签1</title>
</head>
<!-- form表单标签
两个属性：
action:提交后台的地址
method：提交方式
常用：get,post(其他的head,put,delete)
js事件编程
onsubmit事件：表示表单提交是否成功
返回true,表单提交成功
-->
<body>
<form action="#" method="post" onsubmit="return checkAll()">
用户名：<input type="text" name="username" /><br />
密 码:<input type="password" name="pwd" /><br />
<input type="submit" value="提交" />
</form>
</body>
</html>
結果：
個々の分類表：
INPUTタグ
タイプ=「テキスト」：テキスト入力ボックス
タイプ=「パスワード」：パスワードボックスの入力
ラジオボタン：タイプ=「ラジオ」
タイプ=「チェックボックス」：ボックス
タイプ=「日付」 （日付コンポーネントが提供さH5）
タイプ=「TEL」（コンポーネントH5が提供）の
ファイルのアップロード：タイプ=「ファイル」の
あなたはvalue属性を指定する必要があり、プッシュボタン：タイプ=「ボタン」を
タイプは=「送信」：提出
タイプは、=「リセット「：ボタンリセット
=タイプを」「隠し：隠されたフィールド
selsctラベルは、ドロップダウンメニューの
オプション：ドロップダウンメニュー（アプリケーションシナリオ：地方リンケージ）
のTextArea：テキストフィールド（シナリオ：個人的な自己記述）
を達成するために特定の操作：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#" method="get">
用户名:<input type="text" name="username" placeholder="请输入用户名" /><br />
密码：<input type="password" name="pwd" placeholder="请输入密码" /><br />
性别：
<input type="radio" value="男" name="gender" />男
<input type="radio" value="女" name="gender" />女<br />
想去的公司：
<input type="checkbox" value="华为" name="company" />华为
<input type="checkbox" value="阿里巴巴" name="company" />阿里巴巴
<input type="checkbox" value="腾讯" name="company" />腾讯<br />
出生日期：
<input type="date" name="date" /><br />
手机号：
<input type="tel" name="phone" /><br />
上传图片：
<input type="file" name="photo" />
<!--隐藏域携带数据-->
<input type="hidden" name="id" /><br />
籍贯：
<select name="jiguan">
<option value="请选择">-请选择-</option>
<option value="陕西省">-陕西省-</option>
<option value="重庆">-重庆-</option>
<option value="广东">-广东-</option>
</select>
<br />
自我描述：
<!--
rows:可以写多少行
cols:一行中的字符数
-->
<textarea rows="5" cols="20">
求实创新
</textarea>
<select name="anniu">
<input type="button" value="普通按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">
</select>
</form>
</body>
</html>
結果：
フレームタグ：フレーム
、フレームセット：フレーム構造が二つ以上の2ページ構成、フレームセットを参照している場合、フレームは、HTMLページに含まれる
フレーム属性：
srcが：HTMLリンクが含まれていますが
フレームセットの特性：
行:(上から見て）水平パーティション
COLS :(左から右へ）、各部（フレーム）の合計の割合の一部
注：
フレームセット体が共存することができず、
操作を特定。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<frameset rows="20%,*,10%">
<!--每一个frame包含的html页面-->
<frame src="header.html" />
<frameset cols="15%,*">
<frame src="menu.html" />
<!--
frame
name属性：给当前main.html的frame起名称
-->
<frame src="main.html" name="main" />
</frameset>
<frame src="footer.html" />
</frameset>
</html>
main.htmlを達成：
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<center><strong>欢迎登录学校成绩管理系统</strong></center>
</body>
</html>
header.htmlは）:( headタグを達成します
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<center><h2>xxx学校管理系统</h2></center>
</body>
</html>
结果：
footer.html实现：（版权所有的声明）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<center>XXX学校©1995-2050 </center>
</body>
</html>
menu.html实现（菜单项）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
菜单选项:
<ul>
<!--
target：1)表示打开资源文件的方式：_self,_blank
2)在指定的frame中打开 ：需要frame中的name属性一致
-->
<li><a href="成绩.html" target="main">成绩管理</a></li>
<li><a href="http://www.bai.com">选课管理</a></li>
<li><a href="成绩.html">教务管理</a></li>
</ul>
</body>
</html>
CSS的使用方式：
方式1：行内样式
标签中指定style属性：书写样式
style=“css样式属性1:css样式属性值1；css样式属性2:css样式属性2；…”
弊端：
（1）一次只能控制一个标签
（2）样式代码和html混合使用，不利于后期管理
方式2：内部（内联）样式
需要在head标签 中指定style标签
格式：
选择器{
css样式属性1:css样式属性值1;
…
}
比第一种好，但也不利于管理
cursor:pointer; //默认属性，经过时变为小手
方式3：外部（外联）样式
（1）创建外部的css文件
（2）引入外部的css文件
在head中指定link标签
href属性：链接css文件
rel属性：定格式stylesheet(关联层叠样式表）
具体实现：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用方式</title>
<style>
a{
font-size:30px;
color:#0F0;
/*去掉下划线*/
text-decoration:none;
/*鼠标经过元素之后，显示小手状态*/
cursor:pointer;
}
</style>
<link href="css/01.css" rel="stylesheet" />
</head>
<body>
</body>
</html>
CSSセレクタ：
3つの基本セレクタ（フォーカス）
（1）IDセレクタは
、タグにid属性の値を指定
特長：id属性の値は、同じHTMLページ内で一意でなければなりません
JSを使用してDOM操作：のdocument.getElementById（「id属性値「）
形式：
#ID属性値{
書き込みスタイル;
}
（2）クラスセレクタは、
タグにクラス属性を指定
特徴：同じHTMLページの下で、同じ名前のタグが複数指定するクラス属性
の.class属性値{
文体
}
（3）ラベル（要素）セレクタ
形式：{名前タグ
文体;
}
優先：IDセレクタ>クラスセレクタ>タグセレクタ
他のセレクタ：
ダイバーシティセレクタ：
セレクタ1、セレクタ2 .. 。。{
文体;
}
交差セレクタ（セレクタ子要素）
セレクタセレクタセレクタ2 1 3。。{
文体;
}
ワイルドカードセレクター：*
特定の操作を実装：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style>
/*标签选择器*/
div{
font-size:20px;
color:#00F;
}
/*class选择器*/
.cll{
font-size:30px;
color:#0F0;
}
/*id选择器*/
#dl2{
font-size:35px;
color:#0000FF;
}
/* 并集选择器 ：同时给第一个div和第二个div设置样式*/
.cll,#dl2{
font-size:30px;
color:#F00;
text-decoration: underline;
}
/*交集（子元素）*/
.cll span{
font-size:20px;
color:#F00;
}
*{
font-size: 25px;
color: gray;
}
</style>
<body>
<div class="cl1">div1<span>行内标签</span></div>
<div id="dl2">div2</div>
<div>div3</div>
<span>行内标签</span>
</body>
</html>
