HarmonyOS鸿蒙最全【前端寻宝之路】学习和使用表单标签和表单控件(3)，2024年最新h5前端面试题

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

on guard 站岗,值班

文章目录

• 表单标签
• • 表单域-form标签

• 表单控件-input标签
• • (1)文本框

• (2)密码框
• (3)单选框
• (4)复选框
• (5)普通按钮
• (5)提交按钮
• (5)清空按钮
• (5)提交文件

---

表单标签

用表单标签来完成服务器的一次交互

• 分成两个部分:

• 表单域:包含表单元素的区域,重点是form标签.
• 表单控件:输入框,提交按钮等,重点是input标签.

表单域-form标签

注:以后学完CSS我们可以给他加东西.

表单控件-input标签

type属性
可以通过对type进行对应的取值来控制input的类型.
注意:表单控件要搭配表单域进行编写

(1)文本框

姓名

(2)密码框

姓名
密码

我们把text改成password就可以看到密码了.

(3)单选框

radio是一种输入类型，用于创建单选按钮。
单选按钮允许用户从一组选项中选择一个选项。当用户选择其中一个选项时，其他选项将自动取消选择。
单选框之间必须具备相同的name属性,才能实现多选一的效果.
如果想默认选择某一个值可以利用checked属性值等于checked进行默认选择的设置.

姓名
密码
性别男 女

---

(4)复选框

当type取值为checkbox时表示的是复选框,可以只选一个或多个.

爱好: 吃饭
睡觉
打豆豆

---

(5)普通按钮

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

**

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！