【前端寻宝之路】学习和使用表单标签和表单控件,2024年最新面试学到了什么

41 阅读3分钟

表单标签

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

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

表单域-form标签

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

表单控件-input标签

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

(1)文本框

姓名

在这里插入图片描述

(2)密码框

Document 姓名
密码

在这里插入图片描述

我们把text改成password就可以看到密码了.
在这里插入图片描述

(3)单选框

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

Document 姓名
密码
性别

在这里插入图片描述


(4)复选框

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

爱好: 吃饭 睡觉 打豆豆

在这里插入图片描述


(5)普通按钮

当前按钮点击以后无反应,需要搭配JS使用

在这里插入图片描述


(5)提交按钮

在这里插入图片描述


(5)清空按钮

在这里插入图片描述


(5)提交文件

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

img img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

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