JavaScript Kit > JavaScript Reference > Here
Button Object
Last updated: June 20th, 2004
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
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>
Reference List
- JavaScript Operators
- JavaScript Statements
- Global functions
- JavaScript Events
- Escape Sequences
- Reserved Words
Right column