单选框
例:
<div>
你的性别?
<div>
<input type="radio" name="bbb" id="man">
<label for="man">男</label>
</div>
<div>
<input type="radio" name="bbb" id="woman">
<label for="woman">女</label>
</div>
</div>
默认选中: checked属性;
复选框:
<div>你的兴趣爱好:</div>
<div>
<input type="checkbox" name="aaa" id="book" checked>
<label for="book">读书</label>
<input type="checkbox" name="aaa" id="11" >
<label for="11">睡觉</label>
<input type="checkbox" name="aaa" id="22">
<label for="22">打豆豆</label>
<input type="checkbox" name="aaa" id="33">
<label for="33">玩游戏</label>
</div>
<!-- 上传文件 -->
<div>
<div>请截图说明</div>
<div>
<!-- 上传文件 -->
<input type="file">
</div>
</div>
<div>图片按钮-代替提交按钮(input type="submit")</div>
<form action="后端地址">
<input type="image" src="图片路径">
</form>
</div>
<div>
<div>
<!-- 隐藏按钮 -->
<input type="hidden" name="" id="" value="带给后端的信息">
</div>
</div>
<div>
<div>
<!-- 禁用disabled,只读readonly -->
<button disabled="disabled">注册</button>
<br>
<input type="radio" disabled>不满意
<br>
<input type="text" disabled value="111">
<input type="text" readonly value="222">
</div>
</div>