form表单

 

目录

1. form标签的type属性

代码举例：

2.input 的其他属性

3. 总结一下

---

---

1. form标签的type属性

type属性的种类	作用
reset	重置
submit	提交
button	普通的按钮
image	图片按钮
file	文件按钮
range	取值范围条
number	数字框
datetime-local	（year--month--hour:minute）
time	（hour:minute）
radio	单选框
checkbox	复选框

代码举例：

<input type='submit' value='提交'>

 

 

<input type='reset' value='重置'>

 

 

<input type='button' value='按钮'>

 

 

<input type='file'>

 

 

<input type='range' min=1 max=20>

 

 

 <input type='number' min=1 max=10>

 

 

 

 

<input type='datetime-local' >

 

 

 

 <input type='time' >

 

 

<input type='radio' name='gender'>男
<input type="radio" name='gender'>女

 

 

 <input type='checkbox' name='fruit'>香蕉
 <input type="checkbox" name='fruit'>苹果
 <input type="checkbox" name='fruit'>梨子

 

 

2.input 的其他属性

input的其他属性	作用
name	元素的名字
value	元素的值
size	文本款的长度
maxlength	接收字符的最大长度
checked	默认选中
readonly	只读（不能写）
required	必须输入值
disabled	禁用
autofocus	自动聚焦

3. 总结一下

 单选框的实现需要input标签有相同的name属性值