常用表单控件

文本输入框：<input type="text">

密码输入框：<input type="password">

单选框与多选框：

<input type="radio" name="sex" value="female">女

<input type="radio" name="sex" value="male">男

隐藏域：<input type="hidden" name="tag" value="100">

提交与重置：

提交按钮:

第一种写法：<input type="submit" value="提交">

第二种写法：<button>提交</button>

普通按钮：

第一种写法：<input type="button" value="普通按钮">

第二种写法：<button type="button">普通按钮</button>

注：普通按钮的 type 值为 button 若不写 type 值 那么会引起 submit 表单的提交        

文本域：<textarea name="msg" rows="20" cols="10">

下拉框：

<select name="from">

    <option value="冀" selected>河北</option> 

    <option value="鲁">山东</option>

    <option value="晋">山西</option>

    <option value="粤">广东</option>

具体编码：

成品图：

禁用表单控件：disabled

input   textarea   button   select   option 都可以设置disabled属性

示例图：

这样山东这个区域就无法勾选了 其余地方也可以使用disabled

lable标签：

概念：lable标签可与表单控件产生关联 关联之后点击文字 与之对应的表单控件就会获取焦点

两种与 lable 关联的方式：

1.让 lable 标签的 for 属性的值等于表单控件的id

2.把表单控件套在标签的里面

示例图：

fieldset 与 legend 的使用：

fieldset 可以为表单控件分组   legend 标签是分组的标题

例：

注：不要把其余的东西写道到 legend 里面 legend 只能写文字描述

成品图：