<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
* {margin: 0;padding: 0;}div {border: 1px dashed gray;}div:nth-of-type(1) {background-color: aqua;}div:nth-of-type(2) {background-color: lightgreen;}div:nth-of-type(3) {background-color: lightpink;}div:nth-of-type(4) {background-color: rgb(185, 185, 57);}fieldset {border: 3px dashed seagreen;width: 600px;}table {background-color: lightpink;border: 1px solid royalblue;border-collapse: collapse;}tr,td,th {border: 1px solid royalblue;}</style>
</head>
<body>
<form action="#">
<fieldset>
<legend>注册表单</legend>
<label for="user">用户名：</label><input type="text" name="user" id="user" /><br /><label for="password">密码：</label><input type="password" name="password" id="password" /><br /><label for="male">男</label><input type="radio" value="男" name="male" id="male" /><label for="female">女</label><input type="radio" value="女" name="male" id="female" /><br /><label for="">唱歌</label><input type="checkbox" id="sing" name="sing" /><label for="">游泳</label><input type="checkbox" id="swim" name="swim" /><label for="">编程</label><input type="checkbox" id="program" name="program" /><br /><label for="choose">choose a province</label><select name="choose" id="choose"><option value="河北">河北</option><option value="河南">河南</option><option value="山东">山东</option><option value="山西">山西</option><option value="安徽">安徽</option><option value="四川">四川</option></select><label for="city">choose a city</label><select name="city" id="city"><optgroup label="城市"><option value="合肥">合肥</option><option value="石家庄">石家庄</option><option value="太原">太原</option><option value="重庆">重庆</option></optgroup><optgroup label="fruit"><option value="苹果">苹果</option><option value="香蕉">香蕉</option><option value="葡萄">葡萄</option><option value="西瓜">西瓜</option></optgroup> </select><br /><label for="choose">choose a province</label><select name="choose" id="choose"><option value="河北"><label for="chenghsi">河北</label><!-- <select name="" id="chengshi"><option value="">石家庄</option><option value="">正定</option><option value="">无极</option></select> --></option><option value="河南">河南</option><option value="山东">山东</option><option value="山西">山西</option><option value="安徽">安徽</option><option value="四川">四川</option> </select><br /><label for="note">文本域</label><textareaid="note"name="note"style="width: 300px; height: 50px;"rows="30"cols="6">
学习编程从基础开始，编程破万页，敲码如有神，三人行，必有我师焉，则其善者而从之，其不善者而改之，