button元素的id,form,type,action属性

button元素的作用:

英文词意表示按钮,点击按钮就会产生一些作用,比如向后台提交数据,重置输入的内容等等。button是一个表单控件,和表单元素form元素配合起来使用。button元素可以放在form元素内,也可以放在它的外面,接下来再介绍。

首先我们先大概看看button元素到底如何使用,再详细介绍它的一些属性:


视频加载中...


从视频中,我们看到点击提交按钮就会将输入的数据提交到你设定的地方,我是直接提交给百度,不过百度是不会接受我提交的数据;点击重置按钮时,输入框里的内容就会恢复到初始状态;对于button按钮,目前刚学html的初学者是没必要了解,需要学了Javascript后才能展示其效果

现在就来详细介绍button的一些属性

1.form属性和id属性:

上文我讲过button元素既可以放在form元素里面也可以外面,主要功劳就是form属性和id属性。

先看一下它们的效果吧!


视频加载中...


从视频中看到,我创建了两个form元素,它们的id分别为hello和world,而button元素中form属性值我设置的是hello,所以我们在视频中看到只有id为hello的表单的内容被重置为初始状态。总结一下,id属性是用在form元素里,form属性用在button元素中,在button元素和form元素建立起联系。

2.type属性

(1)type="reset"

功能:重置form元素(表单)里的内容

(2)type="submit"

功能:将表单的数据提交action属性设定的地方

(3)type="button"

功能:暂定,需要学习Javascript后才需要了解

4.action属性

功能:它的属性值是一个url(统一资源定位符),简单来说,就是网址,就是你提交数据的地方

举报
评论 0