先养养眼再往下看

注释很详细，直接上代码

<form action=""><!--   第一种方法:用id的方式绑定账户(文字)和输入框 --><label for="zhanghu">账户</label><input "text" id="zhanghu" name="account" value="张三" maxlength="10" ><br><!-- 第二种方法:用直接框起来的方式绑定密码(文字)和输入框 --><label >  密码：<input type="password" name="pwd" value="123" maxlength="6" ><br></label><!-- 以下所有文字和对应控件都进行了焦点绑定 -->性别：<input type="radio"  id ="nan"name="gender" value="male" ><label for="nan">男</label><input type="radio" id="nv" name="gender" value="female" checked><label for="nv">女</label><br>爱好：<input type="checkbox" name="hobby" value="smoke" id="smoke"><label for="smoke">抽烟</label><input type="checkbox" name="hobby" value="drink" id="drink"><label for="drink">喝酒</label><input type="checkbox" name="hobby" value="perm" id="perm"><label for="perm">烫头</label><br><label for="qita"> 其他:</label><textarea name="other" cols="30" rows="10" id="qita"></textarea><br><label for="jiguan">籍贯:</label><select name="place" id="jiguan"><option value="冀">河北</option><option value="鲁">山东</option><option value="晋" selected>山西</option></select><input type="hidden" name="tag" value="123"><br><button>确认</button><button type="reset">重置</button><button type="button">检测账户是否注册</button></form>