HTML8(表单标签之表单元素input)

表单控件(表单元素)

在表单域中可以定义各种表单元素,表单元素其实就是用户网页体验当中在表单中输入或选择的内容控件。这些表单元素分为三大类

  1. input输入表单元素

  1. select下拉表单元素

  1. textarea文本域表单元素

表单元素中的<input>标签是用于收集用户信息

<input>标签里包含了一个叫做type的属性,根据不同的type的属性值,输入字段可以有不同的形式(可以是文本字段,复选框,掩码后的文本控件,按钮等),type属性设置不同的属性值是用来指定不同的控件类型,语法格式如下:

<input type=“属性值”/>

type的属性值和属性值及描述如下:

除type属性外,<input>标签还有很多属性,name和value,前者主要用于多选一,后者用于提示输入规定的值。

name表单元素的名字,要求单选按钮和复选框都要有相同的name值。

另外一种是checked属性,这种属性是网页首次加载时应当被选中的值,简单来说就是默认值啦,

这个主要针对于单选按钮和复选框使用。

还有一种是maxlength属性,是限制文本框的字符长度的,比如我们输入账号密码时都是用限制数字字母的数量的,开发时都是用这种去限制的。这个就不多说了。

下面回到type属性的属性值中,

还有两种属性值需要我们学习的,是属性提交和重置按钮。(submit和reset)

如果想改掉“提交”,在后面添加value属性就好啦

最后一种是reset属性,主要还原表单元素初始默认状态呢。

点击之后直接清掉原先输入的内容

由于笔者知识储备有限,暂时先说到这里了,其实后面的一些属性值,也要结合JavaScript才用到的,拜拜,明天见!2023年3月8日18:57:56

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值