HTML中,按钮button与submit区别是什么?

html-css09

HTML中,按钮button与submit区别是什么?,第1张

button-普通按钮,submit-提交按钮;

submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。

HTML超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

可以使用input的click事件进行处理,这里假设点击转向的链接是百度,方法如下:

1、DOM0级事件处理:

1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册" o nclick="goToBaiDu()"/>

2)js代码:

function goToBaiDu(){

console.log('现在去百度啦!')

window.open('http://www.baidu.com')

}

效果如下:

2、DOM2级事件,绑定click事件,如下:

1)html代码:<input name="注册" type="button" id="btn1" title="登注册" value="注册"/>

2)js代码:

window.onload = function(){

document.getElementById('btn1').addEventListener('click',goToBaiDu)

}

function goToBaiDu(){

console.log('现在去百度啦!')

window.open('http://www.baidu.com')

}

效果如下:

3、上面的方式的打开一个新窗口,还有一个打开链接的方式,是在当前标签页下直接跳转到另一个页面,代码如下:

window.location.href="http://www.baidu.com"

事件属性button,是触发事件的时候,获取事件对象获取button的值判断,是按下了鼠标的哪个键。

1、首先创建一个名称为button的html文件,如下图所示。

2、在body中加入onmousedown事件,事件中加入自定义函数,函数中加入事件返回对象。

3、接着加入一个p标签加入id,如下图所示。

4、然后创建一个自定义函数mybutton,如下图所示。

5、自定义函数中通过event。button属性获取整数值,并判断整数值来区分鼠标按键。

6、最后在浏览器中打开文件,在指定区域随意按下鼠标按键,查看结果。