【HTML】input 标签


required:非空的,只要是空的就不通过

autofocus 是 HTML 中的一个属性,它是一个布尔属性,应用于表单控件元素(如 <input><select><textarea> 等),用于指示浏览器在页面加载完成后自动将焦点放置到该元素上。

<input autofocus required type="text" placeholder="请输入用户名称/手机号码" name="username">

作用:收集用户信息。

使用场景:

  • 登录页面
  • 注册页面
  • 搜索区域

标签

input 标签 type 属性值不同,则功能不同。

radio是收音机的意思,老式的收音机是一排按钮,按下一个其他的都会弹起,类似于单选框的功能。

<input type="..." >

<input type="hidden"> <!-- 隐藏域 -->

1680315984539

如果快捷键输完没提示,删掉双引号,然后再加上双引号,此时就有提示了

image-20231223114147985

标签占位文本

占位文本:提示信息,文本框和密码框都可以使用。

placeholder是默认的,但取数据都是通过value取的。

<input type="..." placeholder="提示信息">

单选框

常用属性

1680316056402

<input type="radio" name="gender" checked><input type="radio" name="gender">

提示:name 属性值自定义。

上传文件

默认情况下,文件上传表单控件只能上传一个文件,添加 multiple 属性可以实现文件多选功能。

<input type="file" multiple>

多选框

多选框也叫复选框,默认选中:checked(比如用户之前选中的,然后点击编辑也需要依然在)。

emment写法 input:checkbox

<input type="checkbox" checked> 敲前端代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值