表单具体示例

<form action="" method="post">
			账号：<input type="text" name="un" maxlength="10" placeholder="账号输入不能          超过10个字符"/><br><br>
<!-- maxlength限制输入的最大字符长度 ；placehoder文本框提示信息-->
			密码：<input type="password" name="pw" placeholder="密码必须填写"><br><br>
			性别：<input type="radio" name="sex" id="male"/> 男
			<input type="radio" name="sex" id="male"/> 女	<br><br>
<!--radio为单选框，几个选项name值必须保持一致-->
			出生日期：
			<select>
					<option selected="selected">1995</option>
<!--selected="selected"表示该项默认选中，后面可自己取消-->
					<option>1996</option>
					<option>1997</option>
					<option>1998</option>
					<option>1999</option>
			</select> 年
			<select>
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
			</select> 月
			<select>
					<option>1</option>
					<option>2</option>
					<option>3</option>
			</select> 日<br><br>
			兴趣爱好：<label>
<!--label可以选择不写，无具体含义，意为标签-->
				<input type="checkbox" name="hobby" checked="checked"/> 编程
				<input type="checkbox" name="hobby"/> 跳舞
				<input type="checkbox" name="hobby"/> 跑步
				<input type="checkbox" name="hobby"/> 围棋
			</label><br><br>
<!--checkbox表示复选框，可多选-->
			个人介绍：<textarea placeholder="个人介绍" style="height: 80px;width: 260px;"></textarea><br><br>
			<input type="image" src="img/images/submit.jpg" />
<!--图片提交按钮-->
			<input type="reset"  value="擦掉重写" />
<!--value值可以控制按钮上方显示的文字；reset表示为重置按钮-->
		</form>

效果如下：