本文只为了熟悉一些功能,特写此代码
【一】代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>个人信息确认</title>
</head>
<body>
<h1 align="center" style="background-color: aquamarine">个人信息</h1>
<p>用户名:<input type="text" name="username" aria-placeholder="请输入用户名"></p>
<p>
女<input type="radio" value="女" name="性别" checked>
男<input type="radio" value="男" name="性别">
</p>
<p>
出生日期:
<select>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
</select>
<select>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</p>
<p>
出生地:
<select>
<option>北京</option>
<option>上海 </option>
<option>广东</option>
<option>浙江</option>
<option>陕西</option>
<option>山东</option>
<option>江苏</option>
</select>
<p>
邮件地址:<input type="email">
</p>
<p>
未婚<input type="radio" name="married" checked>
已婚<input type="radio" name="married">
离婚<input type="radio" name="married">
</p>
<p>
<big>爱好:</big>
唱歌<input type="checkbox" name="hobby">
舞蹈<input type="checkbox" name="hobby">
书法<input type="checkbox" name="hobby">
乐器<input type="checkbox" name="hobby">
游戏<input type="checkbox" name="hobby">
手工<input type="checkbox" name="hobby">
其他<input type="checkbox" name="hobby">
</p>
<input type="submit" value="提交">
</body>
</html>
【二】效果实现: