11-17网页基础--表单

1.3.2 表单

1、做用：表单(Form)做为网页与用户接触最直接、最频繁的页面元素，其在网站用户体验中占有最重要的位置。而表单也经常用于用户注册、登陆、投票等功能，用于吸引新用户，留住新用户的重要工具。若是表单设计用户体验不高，无疑将会对网站用户粘性大大下降。 
能够收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。 表单包括两个部分：一部分是HTML源代码用于描述表单（例如，域，标签和用户在页面上看见的按钮），另外一部分是脚本或应用程序用于处理提交的信息（如CGI脚本）。不使用处理脚本就不能搜集表单数据。

2、格式

3、分类

一、文本输入：（文本框、密码框、文本域、隐藏域）

二、按钮（提交按钮、重置按钮、普通按钮、图片按钮）

三、选择输入（单选按钮组、复选按钮组、文件上传、下拉列表框）

四、label标签

1）格式：<label for=""></label>

2）做用：<label>标签为input 元素定义标注（标记）。

label元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。若是您在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label>标签的for属性应当与相关元素的id属性相同。

五、汇总效果图：