实例

表单的基本用法

<meta charset="UTF-8">

<title>Document</title>

<h2>用户注册</h2>

<form action="" method="get" enctype="application/x-www-form-urlencoded">

	用户名：<input type="text" name="user_name" value="无名氏" >

	<br>

	密码：<input type="text" name="pwd" size="20" maxlength="6">

	<br>

	年龄：<input type="text" name="age" >

	<br>

	性  别：<input type="radio" name="sex" value="male">

			

			<input type="radio" name="sex" value="remale" checked>

			

	<br>

	爱  好：

			<input type="checkbox" name="hobby" value="eat">吃饭			

			<input type="checkbox" name="hobby" value="sleep">睡觉			

			<input type="checkbox" name="hobby" value="doudou">打豆豆	

	<br>

	头  像：

			<input type="file" name="head" accept="image/jpeg">

			<input type="hidden" name="usr_id" value="9528">		

	<hr>

	<input type="submit" value="注  册">

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

	<hr>

	<input type="image" src="../../image/submit.gif">			

	<input type="image" src="../../image/reset.gif">	

	<hr>

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

</form>

 特殊的表单元素

<meta charset="UTF-8">

<title>Document</title>

<form action="">

	学历：

	<select name="degree">

		<option value="0">--请选择学历--</option>

		<option value="dazhuan">大专</option>

		<option value="benke" selected>本科</option>

		<option value="yanjiusheng">研究生</option>

		<option value="shuoshi">硕士</option>
	</select>
	城市：
	<select name="city" >
	<optgroup lable="山西省">
		<option value="taiyuan">太原</option>
		<option value="datong">大同</option>
	</optgroup>
	<optgroup lable="山东省">
		<option value="qingdao">青岛</option>
		<option value="jinan">济南</option>
	</optgroup>	
	<optgroup lable="江苏省">
		<option value="nanjing">南京</option>
		<option value="yangzhou">扬州</option>
	</optgroup>		
	</select>
	<br>
	个人简介：
	<textarea name="intrduce" rows="10" cols="20" endonly>
		请遵守本网站的相关协议和国家的法律法规
		请遵守本网站的相关协议和国家的法律法规
		请遵守本网站的相关协议和国家的法律法规
		请遵守本网站的相关协议和国家的法律法规
		请遵守本网站的相关协议和国家的法律法规
		请遵守本网站的相关协议和国家的法律法规
		请遵守本网站的相关协议和国家的法律法规
	</textarea>
	<hr>
	<input type="submit">
</form>