表单实例
代码运行效果图:
代码如下,图片素材自己下载或截图:
<!doctype html><!--声明兼容所有浏览器的-->
<html>
<head>
<meta http-equiv="Content-Type">
<title> HTML标签的特殊符号</title>
<meta name="Keywords" content="关键词,关键词,关键词">
<meta name="description" content="">
</head>
<body>
<h2>注册***的账号</h2>
<form action="注册成功.html" method="post"><!--提交方式改一下,默认为get-->
<table border="0" width="100%">
<tr>
<td align="right">注册邮箱:</td>
<td><input type="text" name="mail"></td>
</tr>
<tr>
<td> </td><!--这里将空格作为占位符-->
<td>你可以使用<a href="#">账号</a>注册或者<a href="#">手机号</a>注册</td>
</tr>
<tr>
<td align="right">创建密码:</td>
<td><input type="password" name="pwd" /></td>
</tr>
<tr>
<td align="right">真实姓名:</td>
<td><input type="text" name="realname" /></td>
</tr>
<tr>
<td align="right">性别</td>
<td>
<input type="radio" name="sex" value="nv"/>男
<input type="radio" name="sex" value="nan"/>女
</td>
</tr>
<tr>
<td align="right">生日:</td>
<td>
<select name="year">
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
</select>年
<select name="month">
<option vaule="10">10</option>
<option vaule="11">11</option>
<option vaule="12">12</option>
</select>月
<select name="day">
<option vaule="1">1</option>
<option vaule="2">2</option>
<option vaule="3">3</option>
<option vaule="4">4</option>
<option vaule="5">5</option>
<option vaule="6">6</option>
</select>日
</td>
</tr>
<tr>
<td align="right">我现在:</td>
<td>
<select name="now">
<option value="study">我正在上学</option>
<option value="work">我已经工作</option>
</select>
</td>
</tr>
<tr>
<td> </td>
<td><img src="验证码.png"/> <a href="#">看不清换一张?</a></td>
</tr>
<tr>
<td align="right" >验证码:</td>
<td><input type="text" name="verycode" /></td>
</tr>
<tr>
<td> </td>
<td><input type="image" src="注册按钮.png" /></td>
</tr>
</table>
</form>
</body>
</html>