required:非空的,只要是空的就不通过
autofocus
是 HTML 中的一个属性,它是一个布尔属性,应用于表单控件元素(如 <input>
、<select>
、<textarea>
等),用于指示浏览器在页面加载完成后自动将焦点放置到该元素上。
<input autofocus required type="text" placeholder="请输入用户名称/手机号码" name="username">
作用:收集用户信息。
使用场景:
- 登录页面
- 注册页面
- 搜索区域
标签
input 标签 type 属性值不同,则功能不同。
radio是收音机的意思,老式的收音机是一排按钮,按下一个其他的都会弹起,类似于单选框的功能。
<input type="..." >
<input type="hidden"> <!-- 隐藏域 -->
如果快捷键输完没提示,删掉双引号,然后再加上双引号,此时就有提示了
标签占位文本
占位文本:提示信息,文本框和密码框都可以使用。
placeholder是默认的,但取数据都是通过value取的。
<input type="..." placeholder="提示信息">
单选框
常用属性
<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> 敲前端代码