先养养眼再往下看
注释很详细,直接上代码
<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>