HTML表单

文本域

例：

姓名：<input type="text" value="张三" name="name" /><br>

name:指定表单元素的名称
type:指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button，默认为 text

个人简介：<textarea rows="" cols="">
				</textarea><br>

密码域

例：

密码：<input type="password" value="520" name="password" /><br>

单选

例：

性别：<input type="radio" value="0" name="sex"/>女
			<input type="radio" value="1" name="sex"/>男<br>

checked:type为radio或checkbox时，指定按钮是否是被选中
value元素的初始值。type 为 radio时必须指定一个值

多选

例：

爱好：<input type="checkbox" value="吃"/ name="hobby">吃
			<input type="checkbox" value="吃"/ name="hobby">喝
			<input type="checkbox" value="吃"/ name="hobby">玩
			<input type="checkbox" value="吃"/ name="hobby">睡<br>

checked:type为radio或checkbox时，指定按钮是否是被选中

下拉列表

例：

部门：<select>
				<option value ="">1</option>
				<option value ="">2</option>
				<option value ="">3</option>
				<option value ="">4</option>

隐藏域

例：

<input type="hidden" value="吃"/ name="hh">

邮箱

例：

<p>邮箱:<input type="email"（邮箱）  name="email"/></p>

网址

例：

<p>请输入你的网址:<input type="url"（网址）  name="userUrl"/></p>

搜索框

例：

<p>请输入搜索的关键词:<input type="search"(搜索框)  name="sou"/></p>

颜色选择

例：

<input type="color" name="favcolor"><br>

数字

例：

<p>请输入数字:<input type="number"(数字)  name="num" min="0"(允许的最小值) max="100"(允许的最大值) step(合法的数字间隔)="10"/></p>

日期

例：

<input type="date" name="bday" max="1998-12-31" min="2000-01-02"><br>

按钮

例：

<button type="button">点他</button><br>

滑块

例：

<p>请输入数字:<input type="range"(滑块)  name="range1" min="0"(允许的最小值) max="10"(允许的最大值) step(合法的数字间隔)="2"/></p>

重置

例：

<input type="reset" value="重置"/><br>

提交

例：

<input type="submit" value="提交"/><br>

权限

例：

<input name="name" type="text" value="猴子"  readonly(只读文本框)>
<input type="submit "  disabled （禁用）  value="保存" >

所填写内容不能为空

例：

<input name="name" type="text" value="张三"  readonly(只读文本框)>
<input type="submit "  disabled （禁用）  value="保存" >

关键字搜索

例：

<input type="search" name="sousuo"  placeholder(文本框输入内容提示)="请输入要搜索的关键字"/>

输入内容合法

例：

<input type="text" name="tel"  required pattern（验证规则，正则表达式）="^1[358]\d{9}" />