文章目录
一、题目要求
二、代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单标签</title>
</head>
<body>
<span>欢迎注册</span><br><br>
<form action=""></form>
输入账号(文本框):<input type="text" name="账号"><br>
输入密码(密码框):<input type="password" name="账号"><br><br>
选择性别(单选按钮):
<input type=radio checked>男
<input type=radio>女<br>
选择爱好(单选按钮):
<input type=checkbox value="yes" name="唱歌">唱歌
<input type=checkbox value="yes" name="跳舞">跳舞
<input type=checkbox value="yes" name="打球"checked>打球
<input type=checkbox value="yes" name="打游戏">打游戏<br>
填写个人简介:
<textarea name="comment" rows=4 cols=20></textarea>
<br>
选择家乡(下拉列表):<br>
<select name="水果">
<option value="上海">上海</option>
<option value="北京" selected>北京</option>
<option value="深圳">深圳</option>
</select>
<br>
<input type=submit name="ok" value="注册">
<input type=reset name="re-input" value="清空">
<input type=button value="普通按钮"><br>
</body>
</html>
三、运行结果