input 标签
2021-05-22 本文已影响0人
xiaoshengMar
- 基本用法:
<input type="" name="" value="">
- 其中
type
属性的属性值有如下几种:
属性值 | 描述 |
---|---|
button | 定义可点击的按钮 |
checkbox | 定义复选框 |
radio | 定义单选框 |
file | 用来上传文件 |
image | 定义以图形形式的提交按钮 |
password | 定义密码字段 |
reset | 定义重置按钮 |
submit | 定义提交按钮 |
text | 定义单行的文本输入 |
-
name
属性:- 当使用单选框的时候,一组单选按钮中的
name
值必须相同才能实现单选 - 复选框的时候,
name
的值也必须相同
- 当使用单选框的时候,一组单选按钮中的
-
value
属性:- 设置默认值
-
name
和value
一般是给后端使用的
- 对于单选和多选,还有一个
checkout
属性,表示默认选中某一个
-
maxlength
- 他的值是正整数,一般用来规定输入字段中字符的最大长度
<label></label>
标签
-
label
标签一般和input
标签一块使用。 - 在使用
label
标签和input
标签一块使用的时候,当点击label
标签中的内容的时候,将会自动选中对应表单元素(如单选框或者复选框),以此来增加用户体验,用法如下
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">
// 其中 input 中的 id 值要和 label 中的 for 里面的值相等