哟吼！小伙伴们，今天我们来一起了解下HTML里的action属性，还有一些常见标签的属性 ~

首先，我们要知道，action属性是用来指定表单提交的URL地址的，也就是说当我们填完表单之后，点“提交”按钮时，表单提交的地址就会被action属性指定的地址替换掉。

哪些标签有action属性呢？这里我们来一一介绍：

1. form标签

form标签是表单的容器，我们在它里面放各种输入框，选择框等等，当我们要提交这些内容时，就要用到form标签了。form标签就是通过它的action属性指定表单要提交到的URL地址。

举个例子，我们常见的登录表单：

```html

```

可以看到，action属性的值为"http://example.com/login"，也就是说当我们点击“登录”按钮时，表单要提交到这个地址。

2. button标签

button标签是用来创建按钮的，它也可以有action属性。不过与form标签有些不同的是，button标签指定的是点击按钮时要执行的JavaScript代码，而不是要提交表单的URL地址。

举个例子，我们来看一个点击按钮弹窗的例子：

```html

点击我

```

可以看到，这里的button标签没有action属性，而是用onclick属性指定点击按钮时要执行的alert函数。

常见标签及属性

还有一些常见的HTML标签及其属性，我们也不妨来介绍一下：

1. img标签的src属性

img标签用来显示图片，其中src属性就是用来指定图片地址的。

举个栗子，我们来看看：

```html

```

可以看到，这里的src属性指定了图片的地址为"http://example.com/images/logo.png"，也就是说这个标签会显示这个图片。

2. a标签的href属性

a标签用来创建超链接，其中href属性就是用来指定链接地址的。

举个咖啡的例子，我们来看看：

```html

我的网站

```

可以看到，这里的href属性指定了超链接的地址为"http://example.com"，也就是说点击这个链接会跳转到这个网站。

3. div标签的class属性和id属性

div标签用来创建一个块级元素，我们可以用它来组织页面结构。其中class属性和id属性可以用来给这个块级元素添加样式或JavaScript代码。

举个自习室的例子，我们来看看：

```html

```

可以看到，这里的class属性为"container"，id属性为"study-room"，我们可以在CSS中给这个块级元素添加样式，或者在JavaScript中操作这个块级元素。

咳咳，小伙伴们，今天我们就介绍到这里了，希望大家能够掌握HTML中的action属性和常见标签的属性，用它们来创建自己的网站或应用呀～ 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/