表单和表单项

表单

创建表单：
这是一个空白的表单，还需要往里边添加不同的表单项

<form action="服务器的地址"> </form>
	acting必须有值

表单项

使用input来创建一个注册文本框，它有一个type类型是text

<input id="um" type="text" name="username">
需要设置一个name来接收用户输入的信息
value：可以为文本框设置一个默认值
placeholder：可以为文本框设置一个提示信息

使用input来创建一个密码文本框，它有一个type类型是password

<input id="pwd" type="password" name="pwd">
type设置为password可以实现加密的效果

使用**type=“radio”**来设置一个单选按钮，比如：

性别<input type="radio" name="gender" value="male">男
		<input type="radio" name="gender" value="female">女

使用type="checkbox"来设置一个多选按钮，比如：

兴趣<input type="checkbox" name="hobby" value="dayouxi">打游戏
		<input type="checkbox" name="hobby" value="tingge">听音乐
		<input type="checkbox" name="hobby" value="睡觉">睡觉
		<input type="checkbox" name="hobby" value="shangtian">想上天

可以通过select来创建一个下拉列表<select name="start"> </select>

• 在下拉列表中使用option标签来创建一个一个列表项
• 下拉列表的name属性需要指定给select，而value属性需要指定给option
• 当为select添加一个multiple=“multiple”，则下拉列表变为一个多选的下拉列表
• 在select中可以使用optgroup来进行分组，通过label属性来指定分组的名字

你喜欢的明星：
		<select name="start">
			<optgroup label="伤感">
				<option value="ljj">林俊杰</option>
				<option value="xzq">薛之谦</option>
			</optgroup>
			
			<optgroup label="民谣">	
				<option value="mby">毛不易</option>
				<option value="by">半阳</option>
				<option value="zl">赵雷</option>
			</optgroup>

用textarea来创建一个文本域

自我介绍<textarea name="info"></textarea>

提交按钮可以把表单中的信息交给服务器，用input，他的属性是submit ，可以通过value来指定按钮上的文字

设置一个注册的按钮
<input type="submit" value="注册" />


重置按钮可以把表单中的所有内容恢复为默认值
<input type="reset">

使用input type=button可以用来创建一个单纯的按钮，这个按钮没有任何功能，只能被点击

<input type="button" value="按钮">

除了使用input，也可以使用button标签来创建按钮这种方式和使用input类似，只不过由于它是成对出现的标签，使用起来更加的灵活，里边还可以添加东西，比如图片按钮

<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">按钮</button>
<button type="button">
				<img src="图片路径" alt="图片描述">
			</button>

在表单中可以使用fieldset来为表单项进行分组，可以将表单项中的同一组放到一个fieldset中

<fieldset>
	<legend>用户信息</legend>     在fieldset可以使用legend子标签，来指定组名
	<legend>基本信息</legend> 
</fieldset>

用来选中表单中提示文字的label标签，该属性可以指定一个for属性，该属性需要指定一个表单项的id值

<label for="um">用户名</label>
<input id="um" type="text" name="username" value="我是value" >