html标签属性、form表单标签、iframe框架标签

一、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:重置按钮,将表单所有输入的内容全部清空,还原为初始状态。

猜你喜欢

转载自blog.csdn.net/weixin_44366125/article/details/109155657
今日推荐