效果图如图,其主要是基本的选项按钮
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form action="index.html" name="" method="post">
<p>
用户名:<input name="user" type="text" />
</p>
<p>
密码:<input name="password" type="password" />
</p>
<p>
性别:
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
</p>
<p>
出生日期:
<input name="date" type="date" />
</p>
<p>
学历
<select name="xueli">
<option value="中学">中学</option>
<option value="大学">大学</option>
<option value="博士">博士</option>
<option value="研究生">研究生</option>
</select>
</p>
<p>
爱好:
<input type="checkbox" name="hobby" value="篮球" />篮球
<input type="checkbox" name="hobby" value="足球" />足球
<input type="checkbox" name="hobby" value="橄榄球" />橄榄球
<input type="checkbox" name="hobby" value="乒乓球" />乒乓球
</p>
</form>
</body>
</html>