Button Field of a Web form
<input type="button" name="Name of the button" value="Click Me"><button name="Name of the button" >Click Me</button>Attributes of Button Field:
Name: Specifies the name of the object through which it can be referenced.Value: Specifies the value of the button field. This will be the text that is going to be displayed on the button.
Example:
<input type="button" name="btn" value="Click">This places a button within the HTML form, which can be referenced by using its name "btn" and whose value is "Click".
The button will be displayed as below:
Attributes
- type: Specifies the type of button. Possible values include "button" (default), "submit," and "reset."
- name: Provides a name for the button, used when submitting form data.
- value: Specifies the value associated with the button.
- disabled: Disables the button to prevent user interaction.
- form: Associates the button with a specific form element.
- autofocus: Automatically focuses the button on page load.
- formaction: Specifies the URL for form submission.
- formmethod: Specifies the HTTP method for form submission. GET or POST
- formenctype: Specifies the encoding type for form data.
- formtarget: Specifies where to display the response from form submission.
_blank, _self, _parent, _top - formnovalidate: Disables form validation during button click.
- accesskey: Defines a keyboard shortcut for button activation.
- title: Provides additional information as a tooltip.
- onclick: Specifies JavaScript code for button click action.
| Script / Application | Description |
|---|---|
| Button as Link | How to use buttons as hyper link to navigate to different pages |
| Hyper Link | Hyper Links to click and visit another page |
| Opening a new window | Hyper Links to click and open a new window |
| Opening child window | Opening child window using JavaScript |
| Linking within page | Creating links to different sections of the same page |
| Part of Image as link | Image map to use part of the image for different hyper links |
| Mailto Link | Opening client email application with to post email |
HTML Form Reset button Hidden field
This article is written by plus2net.com team.
