html表单实现交互,控件,可访问性<label>

实现交互：

背景

1. 什么是表单
2. 表单如何工作，表单在浏览器中如何工作（什么是控件）

具体操作

1. <form>语法,post和get区别（外观上,本质上）

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

神马是表单？

实际上就是一个包含输入域的Web页面,允许你输入信息.提交表单时,信息会被浏览器打包发送到Web服务器,由服务器中的一个脚本来处理.

然后你会得到另外一个Web页面作为响应.

表单如何工作?

1. 通过浏览器，我们访问了一个包含HTML表单的页面,填写表单并提交
2. 浏览器打包表单数据，发给Web服务器
3. Web服务器收到表单数据，然后把数据传给一个服务器脚本进行处理
4. 服务器脚本处理完表单数据，然后创建一个全新的HTML页面作为响应，再将这个页面传给Web服务器
5. Web服务器把服务器脚本的响应（就是那个html页面）发回给浏览器，浏览器显示html页面

表单在浏览器中工作?

1. 首先浏览器会加载页面.对浏览器而言,表单只是页面中的html,当浏览器加载页面的html，遇到表单元素时，它会在页面上创建控件，允许你输入各种各样的数据。控件就是类似按钮，文本输入框，下拉菜单之类的工具。
2. 你输入数据.比如可以在文本控件中输入文本,在复选框控件中单击一个选项
3. 你提交表单.单机提交按钮控件，提交表单.浏览器此时就会打包所有数据,并把这些数据发送给服务器.
4. 服务器响应.服务器得到表单数据后并把这些数据传给相关的服务器脚本处理,最后返回给浏览器一个全新的HTML页面.

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <form>语法

<formaction="F:/chapter14/contest/contest.php" method="POST"> (处理表单数据的php)    method属性确定表单数据如何发送到服务

First name:<input type="text"name="lastname" value=""><br> "text"在浏览器页面创建一个单行控件   每个<input>元素都需要自己名字,服务器脚本将使用该元素名.
Last name:<input type="text"name="lastname"value=""><br>

</form>

• 各个表单元素<input>的name都是唯一的,浏览器将数据打包发给服务器时,服务器脚本要求这些表单有相应的标签,这样才能分清谁是谁.
• 浏览器向服务器发送数据有两种方法:POST和GET

POST和GET区别

从外观上

Post