写在前头:
小鱼写的文章主要面向的是初学者,内容可能过于啰嗦,请见谅。
ps:看不懂的可以翻翻小鱼之前写的《javaweb——HTML基础(一)》!!
成品展示:
源码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单标签注册页面(小鱼CSDN版)</title>
</head>
<body>
<h2>表单标签注册页面(小鱼CSDN版)</h2>
<table border="0" cellspacing="0" width="400" heigth="400">
<tr>
<td>注册账号:</td>
<td><input type="text" name="mail"/></td>
</tr>
<tr>
<td> </td>
<td><font size="2">可以使用手机或者邮箱</font></td>
</tr>
<tr>
<td>用户姓名:</td>
<td><input type="text" name="name1"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="pwd"/></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="sex" value="nv"/>女<input type="radio" name="sex" value="nan"/>男</td>
</tr>
<tr>
<td>出生年月:</td>
<td>
<select name="year">
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>年
<select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
</td>
</tr>
<tr>
<td>目前:</td>
<td>
<select name="now">
<option value="study">study</option>
<option value="work">work</option>
</select>
</td>
</tr>
<tr>
<td>注册请点击图片:</td>
<td><img src="C:\Users\小鱼鳞\Pictures\Saved Pictures\漫图\1.jpg" width="90" higth="100"/> </td>
</tr>
</table>
</body>
</html>