html中button的事件如何实现

html-css09

html中button的事件如何实现,第1张

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

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

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

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

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

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

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

html中button只是一个按钮的样式,默认没有提交表单的功能,而submit是表单的提交属性,可以实现将所在表单的数据进行的提交。

工具原料:编辑器、浏览器

一、button按钮

1、使用button设置一个按钮样式

<html>

<body>

<button type="button">Click Me!</button>

</body>

</html>

2、运行的结果如下

二、submit提交

1、使用submit进行表单的提交,代码如下:

<form action="form_action.asp" method="get">

  <p>First name: <input type="text" name="fname" /></p>

  <p>Last name: <input type="text" name="lname" /></p>

  <input type="submit" value="Submit" />

</form>

2、结果是点击提交按钮会将表单的值提交到制定的后台地址。