Form 表 单

误删（哭）

3.文本框
< input type=“text” />
属性：
name:定义控件名称
value：指定控件初始值
密码框
< input type=“password” />
属性：
name:定义控件名称
value：指定控件初始值
但是 < input type=“button” value=“立即购买”>
普通按钮 value 表示 button的名字
4.单行文本框默认值是type=“text”
密码框< input type=“password”/>　
单选按钮< i nput type=“radio” name=””/>
复选框< input type=“checkbox”/>
隐藏域< input type=“hidden”/>
文件上传< input type=“file”/>
下拉框< select>标签
< select>< option value=“1”>北京
多行文本< textarea></ t extarea>
提交按钮< input type=“submit”/>
普通按钮< input type=“button”/>
重置按钮< input type=“reset”/>
5.
复选框
< input type=“checkbox” />
属性：
name:定义控件名称
value：指定控件初始值
checked：设置控件初始状态是否被选中
例如：爱好:
< i nput type=“checkbox” checked/>游戏
< input type=“checkbox”/>唱歌
< input type=“checkbox”/>跳舞
6
文件
< input type=“file”/>
属性：
name:定义控件名称
使用file类型的input时要注意以下几点
1.form表单的method属性值要为post
1.form要加enctype=“multipart/form-data"属性，这个属性说明了我们的文件以二进制方式传输文件，因为我们计算机本身最底层都是以二进制来显示、传输。
默认地，表单数据会编码为 “application/x-www-form-urlencoded”，不能用于文件上传
< form action=”" method=“post” enctype=“multipart/form-data”>
< input type=“file” name=“file1”/>
< /form>

7
隐藏区域
< input type=“hidden” />
属性：
name:定义控件名称
value：指定控件初始值
按钮
< input type=“button” />
属性：
name:定义控件名称
value：指定控件初始值
不具有提交功能
8

提交按钮
< input type=“submit” />
属性：
name:定义控件名称
value：指定按钮表面显示文字
重置按钮
< input type=“reset” />
属性：
name:定义控件名称
value：指定按钮表面显示文字
9
图像图片按钮

属性：
name:定义控件名称
src：指定图像地址

按钮
< button>按钮</ button>
属性:
type:button/submit/reset,默认值为submit
10
下拉列表框
select属性： < select>
name:此列表框的名字 < option></ option>
multiple：多选，不用赋值 < option></ option>
size :规定下拉列表中可见选项的数目(显示几行) </ select>
disabled:规定禁用该下拉列表
option属性：
selected ：用来指定默认的选项
value： 用来给< option>指定的那一个选项赋值，这个值是要传送到服务器上的，服务器正是通过调用< select>区域的名字的value 属性来获得该区域选中的数据项的
11
多行文本框
< textarea></ textarea>
属性：
cols ：这文字区块的宽度
rows ：这文字区块的列数，即其高度

12

标签为 input 元素定义标注。
label是input的描述，它本身不会有特殊效果，但它和其它input标签使用可以提升用户的使用体验，用户不用非得点击到按钮，而是点击文字即可选中，如“记住密码”

  <label for="pwd">记住密码</label>

< input type=“checkbox” name=“pwd” id=“pwd” />

*通过label的for指向按钮的id来绑定，for和id属性的值要相同

<form>
	<label for="male">Male</label>
	<input type="radio" name="sex" id="male" />
</form>

<label>标签一般和radio、checkbox类型一起使用。

13

14
fieldset>元素集
fieldset 元素可将表单内的相关元素分组，通常和legend标签一起用，legend标签定义了fieldset的提示信息，fieldset是块级元素。
< fieldset>
健康信息
身高：< input type=“text” />
体重：
</ fieldset>

1