a标签获取input值_HTML5常见的基础标签（6）表单标签的使用

一、表单标签Form

1. 什么是表单

表单在网页中负责数据采集功能的。表单是有3部分组成：

(1)表单标签

(2)表单域

(3)表单按钮

2. Form标签、

语法格式：

练习：

用户名

表单元素

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

你好，我是某某

5. label标签

标签一般和input标签关联使用

label标签的两种用法：

(1) 苹果

(2)

西瓜

6. button标签

定义一个按钮标签，文本或图像

对应低版本的IE浏览器，button标签，默认是普通的button按钮，而其他的浏览器默认为submit类型

提交