HTML DOM Button Object

最新推荐文章于 2024-10-01 23:23:32 发布

ColorPaper

最新推荐文章于 2024-10-01 23:23:32 发布

阅读量606

点赞数

分类专栏： JavaScript 文章标签： button html object internet properties methods

JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

Button Object

The Button object represents a push button.

For each <button> tag in an HTML document, a Button object is created.

Inside an HTML button element you can put content, like text or images. This is the difference between this element and buttons created with the input element.

Button Object Properties

W3C: W3C Standard.

Property	Description	W3C
form	Returns a reference to the form that contains a button	Yes
name	Sets or returns the value of the name attribute of a button	Yes
type	Sets or returns the type of a button	Yes
value	Sets or returns the value of the value attribute of a button	Yes

Standard Properties, Methods, and Events

The Button object also supports the standard properties, methods, and events.

Button type Property

Button Object

Definition and Usage

The type property sets or returns the type of a button.

Tip: Always specify the type attribute for the button. The default type for Internet Explorer is "button", while in other browsers (and in the W3C specification) it is "submit".

Syntax

buttonObject.type=value

The type property can have one of the following values:

Value	Description
submit	The button is a submit button (this is default for all browsers, except Internet Explorer)
button	The button is a clickable button (this is default for Internet Explorer)
reset	The button is a reset button (clears form data)

Browser Support

The type property is supported in all major browsers.

Example

Return the type of a button:

<html>
<head>
<script type="text/javascript">
function alertType()
{
alert(document.getElementById("myButton").type)
}
</script>
</head>
<body>

<button id="myButton" type="button" οnclick="alertType()">Click Me!</button>

</body>
</html>

Try it yourself »