第九课 表单及表单控件 html5学习4

表单有由表单域、提示文本、表单3部分构成

一、表单控件

input 控件
1、<input />单标签
2、input属性：
可以通过type属性变换形状
value默认值
name名称
checked=checked默认选中
maxlength 最多输入 正整数
3、<input /> type属性值：text文本框、
　　　　password密码框、
　　　　radio单选框 如果是一组，通过相同的name实现、
　　　　checkbox复选框、
　　　　button普通按钮、
　　　　submit 提交按钮、
　　　　reset 重置按钮、
　　　　image 图片按钮、
　　　　file 文件域 文件按钮

label标签
1、label直接进行包裹 : <label>输入账号：<input type="text"/></label>
2、如果label里面有多个表单，想定位到某个 可以通过for id的格式进行

textarea 文本域
多用于评论框，留言框
1、<textarea>请输入留言</textarea>

select 下拉菜单标签
1、语法结构
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>

2、注意：
<select></select>中应至少包含一对<option></option>
在option中定义selected="selected"时、当前选项即为默认选项

二、表单域
表单域 form 收集表单控件信息，并且提交的。
1、语法结构
<form>
<p>用户名:<input type="text" name="username"/></p>
<p>密&nbsp;码:<input type="password" name="pwd"/></p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
2、常用属性
action="地址"
method 用于设置表单数据提交方式，取值为get或post
get速度块但是会显示表单里面的内容，不安全，不能做密码的提交
post速度慢一些 但是 不会显示表单内容 安全一些
name 属性