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的验证器