Tools, FAQ, Tutorials:
Using HTML 'button' Input Fields
How To Use "button" Input Fields?
✍: FYIcenter.com
An "button" input field is defined as <input type="button" .../>.
"button" input fields can be used to create client-side action buttons.
If a client-side action button is clicked, a client-side script will be triggered.
The client-side script could then submit the form or do other types of activities.
There are other attributes you need to use for an "image" input field:
Here is a tutorial example with 3 button input fields:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Button Input Fields</title> </head> <body> <h4>Online Survey</h4> <form action="http://localhost/submit" method="get"> <p style="background-color: #eeeeee; padding: 8px;"> How did you find FYIcenter:<br/> <input type="radio" name="channel" value="google" checked="checked"/>Google search<br/> <input type="radio" name="channel" value="yahoo"/>Yahoo search<br/> <input type="radio" name="channel" value="friend"/>Your friend<br/> <input type="button"/> <input type="button" value="Test"/> <input type="button" value="Save" onclick="form.submit()"/> </p> </form> </body> </html>
If you save the above document as button_input.html, and view it with
Internet Explorer, you will see 3 buttons in the form as shown below.
Go click each of those buttons to see what will happen:
Â
⇒HTML Forms and Input Fields
⇒⇒HTML Tutorials
2017-04-04, 1110👍, 0💬
Popular Posts:
What Is session_register() in PHP? session_register() is old function that registers global variable...
How to Create a New Instance of a Class? There are two ways to create a new instance (object) of a c...
How To Pad an Array with the Same Value Multiple Times in PHP? If you want to add the same value mul...
Where to find tutorials on the 2017 version of API Management Services at Azure Portal? Here is a li...
How To Control Padding Spaces within a Table Cell? Cell padding spaces are spaces between cell inner...