HTML5表单元素

表单元素总汇 
 

input 表示用来收集用户输入数据的控件 

textarea 表示可以输入多行文本的控件 

select 表示用来提供一组固定的选项 

option 表示提供提供一个选项 

optgroup 表示一组相关的option 元素 

button 表示可用来提交或重置的表单按钮（或一般按钮） 

datalist 定义一组提供给用户的建议值 

fieldset 表示一组表单元素 

legend 表示fieldset 元素的说明性标签 

label 表示表单元素的说明标签 

output 表示计算结果 

表单元素解析

1.<form>定义表单 

<form method="post" action="http://www.haosou.com/"> <button>提交</button> </form> 
解释：<form>元素主要是定义本身是一组表单。 元素名称说明 
action 表示表单提交的页面 
method 表示表单的请求方式：有POST 和GET 两种，默认GET enctype 
name 设置表单名称，以便程序调用 
target 设置提交时的目标位置：_blank、_parent、_self、_top autocomplete 

2.<input>表示用户输入数据 <input name="user"> 

解释：<input>元素默认情况会出现一个单行文本框，有五个属性。 属性名称说明 
autofocus 让光标聚焦在某个input 元素上，让用户直接输入 disabled 禁用input 元素 
autocomplete 单独设置input 元素的自动完成功能 form 让表单外的元素和指定的表单挂钩提交 
type input 元素的类型，内容较多，将在下节课展开讲解 name 定义input 元素的名称，以便接收到相应的值