16表单
16.1输入和元素
16.2创建表单
每个表单都已form开始标签开始，以form结束标签结束。
两个标签之间是组成表单的说明标签、控件和按钮，每一个控件都有一个name属性，用于在提交表单时对数据进行识别。
Form开始标签可以有一些属性，其中最重要的就是action和method
action属性的值设为访问者提交表单时服务器上对数据进行处理的脚本URL，例如action=“save-info.php”
Method属性的值要么是get 要么是post。大多数情况下都可以使用post
Get和post的区别
Get，使用get后，表单中的数据就会显示在浏览器的地址栏里。通常如果你希望在提交表单之后从服务器得到信息就使用get
例如，大多数搜索引擎会在搜索表单中使用get
Post，使用method=“post”,表单中的数据不会显示在浏览器的地址栏里，这样更加安全。同时。比起get 使用post可以向服务器发送更多的数据。通常post用于向服务器发送数据而非获取数据，因此如果需要在数据库中保存，添加和删除数据，就应该选择post
16.4对表单元素进行组织
如果表单上有很多信息需要填写，可以使用fieldset元素将相关的元素将相关的元素整合在一起，使表单更加容易理解。
<legend></legend>元素提高表单的可访问性，对于单选按钮来说最好总是使用fieldset和legend。
创建文本框的步骤：
1：如果需要，输入用于让访问者识别文本的标签，
例如<lable for=”idlable”>LastName:</lable>,
其中idlable匹配第（4）步中的标签。
2：输入<input type=”text”.
3:输入name=”datename”,这里的datename是用于让服务器（和脚本）识别输入数据的文本
4：如果在第一步中创建了lable，输入id=”idlable”，这里的idlable跟第（1）步中for属性文本一样，尽管这并不是必须的。
5：如果需要，输入value=“default”，这里的default是这个字段中最初显示的数据，如果访问者没有输入别的内容的话，这一数据将被发送到服务器。
6:如果需要，输入placeholder=“hinttext”，这里的hinttext用于指导用户的输入，当input获取焦点的时候，这些文本就会消失。
7：
19：JS
19.1加载外部脚本
脚本主要分为两种类型，一种是从外部文件加载的脚本（使用纯文本格式）.
另一种是嵌入在页面中的脚本
从外部加载js文件要好一点！使行为和结构分离
阻塞行为：在处理脚本的过程中，浏览器既不会下载该script元素后面出现的内容（哪怕是文本），也不会呈现这些内容。这称为阻塞行为。
19.3Javasript事件：
(1)：onblur:访问者离开先前获得焦点的元素
(2)Onchange：访问者改变元素内的值。通常用于表单字段
(3)Ondblclick：访问者双击特定区域
(4)Onfocus：焦点
(5)Onkeydown：在指定元素上，访问者按下一个键
(6)Onkeypress：在指定的元素上，访问者松开一个键
(7)Onkeyup：在指定元素上，访问者在输入后松开一个键
(8)Onload浏览器完成页面的加载，包括外部文件
(9)Onmousedown：在指定元素上，访问者按下鼠标键
(10)Onmouseout：访问者在鼠标指针停留的特定元素上移开鼠标
(11)Onmousemove：访问者移动鼠标指针
(12)Onmouseover：访问者将鼠标指向元素
(13)Onmouseup：使用者在点击元素后松开鼠标
(14)Onreset：访问者点击表单的重置按钮或在该按钮获得焦点的时候按下回车键。
(15)Onselect：访问者选择元素中的一个或多个字符
(16)onsubmit访问者点击表单的提交按钮或在获得焦点下按下回车键
20 测试和调试网页
20.1验证代码
验证代码的步骤
（1）：首先使用http://html5.validator.nu,或者W3C的http://validator.w3.org对HTML进行检查
（2）修复标出来的HTML错误，保存修改，需要的话再次上传到服务器，重复第一步
（3）可以使用W3C的验证器