一、html标签属性
- 标签由标签名、标签属性、文本内容三部分组成(单标签没有文本内容)。
- 标签属性是对标签的一种描述方式。
- 标签属性分为通用属性、自有属性和自定义属性。
- 通用属性:所有标签都具有的属性。
通用属性:
id:给标签取一个唯一的名称。id名称在网页中必须是唯一的。
class:给标签取一个类名。
style:用来设置该标签的样式,行内样式。
title:当鼠标移到该标签时所显示的提示内容。
- 自定义属性:通常用来传值或用于图片懒加载等方面。
格式:data-*
二、form表单标签
实现前后端交互的重要标签。
1、常用属性:
name:表单名称
action:表单数据提交的地方(通常是一个后台文件名或网址)。若是#,表示提交到当前文件下。
method:前端提交数据到后端的方法。主要有get和post,默认get。
2、表单元素:
input类:主要用来输入、选择或者发出指令。
textarea类
select类
button类
3、input
type:
- text:单行文本输入框,可不写,默认值。
属性:placeholder(提示)、name(命名)、minlength/maxlength(最少/最多输入的字符个数)、disabled(失效)、readonly(只读)、value(默认值)、pattern(正则匹配)
- password:密码框, 属性与text一样。
- radio:单选钮, 通常两项以上。常用属性:name(必须有)、value、checked(默认选中)、disabled(失效)、readonly(只读)
- checkbox:复选框 , 可以用来选0、1或多项。常用属性:name(必须有)、value、checked(默认选中)、disabled(失效)、readonly(只读)
- file:文件上传按钮。
- button:普通按钮,通常用它调用脚本代码。常用属性:value(按钮的标题)、disabled(失效)
- image:图片按钮,用法与button一样。特殊属性:src(加载提示图片)。有提交功能,与submit一样。
- submit:提交按钮,用来将表单数据提交到后台。
- reset:重置按钮,将表单所有输入的内容全部清空,还原为初始状态。