通过输入标签来制作如图所示的输入框:
<body>
账号:<input type="text" /><br />
密码:<input type="password" /><br />
性别:<input type="radio" name="gender" checked="checked"/>男<input type="radio" name="gender"/>女
<br/>
*如果需要让多个单选框有互斥效果,那么需要给多个单选框添加name属性,并且name属性的值是相同的
并且可以通过checked属性来控制某一个选项被选中
爱好:
<input type="checkbox" />篮球
<input type="checkbox" />足球
<input type="checkbox" />乒乓球
<input type="checkbox" />羽毛球
<input type="checkbox" />玻璃球
* checkbox表示复选框,可以有多个选择
请选择照片
<input type="file" />
*file表示文件
个人简介 <textarea></textarea>
* 文本域,可以进行滑动,而文本框不可以
籍贯:
<!--下拉框 select option-->
<select>
<option selected=“selected”>请选择省份</option>
表示默认选择
<option>石之海</option>
<option>纽约</option>
<option>长沙</option>
</select>
</body>
可以通过结合表格标签来制作下图(狗头):
ps:个人学习笔记,如有错误请大佬指正(手动狗头)