一、表单标签Form
1. 什么是表单
表单在网页中负责数据采集功能的。表单是有3部分组成:
(1)表单标签
(2)表单域
(3)表单按钮
![3ea263eb0a2c96eaf0019c85bd10f233.png](https://i-blog.csdnimg.cn/blog_migrate/dfd1ac5430820284fea42ac0fd718bff.jpeg)
2. Form标签、
语法格式:
练习:
用户名
![994f30d4acb718864c361d7df550264a.png](https://i-blog.csdnimg.cn/blog_migrate/1a1ff32c537cc827189dea3eb159bdf3.jpeg)
表单元素
1。输入框input(重点中的重点)
用于搜集用户信息。
根据type属性,决定输入字段的形式(文本框,复选框、掩码文本框、单选按钮、按钮等等)
input标签
属性值 描述
text 普通文本框
password 掩码文本框
submit 提交按钮
button 普通按钮
reset 重置按钮
radio 单选按钮,一组单选按钮必须是定义相同的name值
checkbox 复选按钮,一次可以选择多个,一组复选按钮必须是定义相同的name值,方便取值
file 文件上传文本框
hidden 隐藏域,会被提交
image 图片按钮,需配合src属性使用
color 颜色按钮
date 日期字段,带有calender控件
datetime
datetime-local 日期字段,time字段,带有calender控件
week 周,带有calender控件
time 时、分、秒 带有time控件
email 邮件地址
number 数字输入文本框
range s数字输入文本框,范围
tel 电话号码文本框
url url文本框
提交按钮
普通按钮
其他属性:
Placeholder :定义文本框提示性的文字
Maxlength : 设置文本框最多输入的字符数
Readonly:只读属性
Disabled:禁用属性,文本框,按钮,复选框等
Checked:设置默认选中项,只适用于单选按钮或复选按钮
2.select下拉列表标签
用法:
--请选择省份--
北京
上海
深圳
四川
什么时候使用select标签?
一般当选项特别多时,checkbox不再适用,可以使用下列表
比如:学历、省份、职位等
option标签中可以通过设置selected=selected设置默认选项
4. 多行文本域控件textarea
你好,我是某某
![df9d8f425876916b877bcfb19bde8c2e.png](https://i-blog.csdnimg.cn/blog_migrate/afced77da29383bf11d560876de12254.jpeg)
5. label标签
标签一般和input标签关联使用
label标签的两种用法:
(1) 苹果
(2)
西瓜
6. button标签
定义一个按钮标签,文本或图像
对应低版本的IE浏览器,button标签,默认是普通的button按钮,而其他的浏览器默认为submit类型
提交