JavaScript Kit > JavaScript Reference > Here

Button Object

Form buttons (<input type="button">) within your form can be accessed and manipulated using JavaScript via the corresponding Button object. To access a button in JavaScript, use the syntax:

document.myform.buttonname //where myform and buttonname are names of your form/element.
document.myform.elements[i] //where i is the position of the button within form

Related Tutorials

• Enabling/ disabling form elements

Events

Events	Description
onClick	Code is executed when user clicks on the button. Example(s).

Properties

Properties	Description
accessKey	String value that sets/ returns the accessKey for the button.
disabled	Boolean value that sets/ returns whether the button is disabled.
form	References the form that contains the reset button.
name	Reflects the name of the button (the name attribute).
type	A property available on all form elements, "type" returns the type of the calling form element, in this case, "button".
value	A read only string that specifies the value of the button.

Methods

Methods	Description
blur()	Removes focus away from the button.
click()	Simulates a user clicking on the form button.
focus()	Sets focus on the button.

Examples

onClick

This example creates a form button that goes to a URL when clicked on.

<form>
<input type="button" onClick="window.location='http://www.dynamicdrive.com'" value="Dynamic Drive" />
</form>

---