HTML--04.表单

HTML–04

表单

表单用于向服务器端提交数据，在html中是很重要的一项

(1).form

form标签是表单的基础，用于表示标签内部的数据时表单数据
，其action属性指定表单数据提交地址，method指定表单提交
方式（get/post），enctype在上传数据等需要指定，即以二
进制方式进行上传；

	<form action="表单提交地址" method="post" enctype="multipart/form-data">
		表单项
	</form>

(2).input

input标签是表单中常用的标签；
type指定input的类型；
name指定向服务器端提交的表单的名称；其传输为键值对（use
rname:123）；
value指定默认数据；
placeholder指定输入框未输入内容时显示文本；

	<!-- text类型，用于输入文本 -->
	<input type="text" name="username" value="" placeholder="请输入用户名"/>
			
	<!-- password类型，用于输入密码，用户输入的内容显示时会被*替代 -->
	<input type="password" name="password" value="" placeholder="请输入密码"/>
			
	<!-- tel类型，用于输入手机号 -->
	<input type="tel" name="tel" placeholder="请输入手机号" />
			
	<!-- email类型，用于输入邮箱 -->
	<input type="email" name="email" placeholder="请输入email" />
			
	<!-- radio类型，用于显示一组单选按钮 其中name需要一致，checked指定默认选中项 -->
	<input type="radio" name="sex" checked="checked" value="男"/>
	<input type="radio" name="sex"  value="女"/>
			
	<!-- checkbox类型，用于显示一组多选按钮 其中name需要一致 -->
	<input type="checkbox" name="hobby" value="hobby1" />
	<input type="checkbox" name="hobby" value="hobby2L" />

	<!-- file类型，用于上传文件 -->
	<input type="file" name="file" />
			
	<!-- button类型，用于显示一个按钮 -->
	<input type="button" name="email" value="按钮"/>
			
	<!-- submit类型，用于显示一个按钮,该按钮用于提交表单 -->
	<input type="submit" value="提交" />

(3).select

用于显示一个下拉框，其中每个下拉项为一个option

<select name="地区">
	<option value="北京">
		北京
	</option>
	<option value="上海">
		上海
	</option>
</select>

(4).textarea

多行文本域，用于输入内容较多的文本，其中cols指定列数，rows指定行数

<textarea name="introduction" cols="30" rows="5">
	多行文本域
</textarea>

(5).label

用于给表单项添加描述，for属性

<label for="introduction">介绍</label>