Tools, FAQ, Tutorials:
HTML Input Field 'label' Tag/Element
What Is a "label" Tag/Element?
✍: FYIcenter.com
A "label" element is an inline element that you can use to define
a label for a form input field. Here are basic rules about a "label" element:
Here is a tutorial example of label texts linked to radio buttons:
<?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>Label Text</title> </head> <body> <h4>Online Survey</h4> <form action="http://localhost/submit"> <p style="background-color: #eeeeee; padding: 8px;"> How did you find FYIcenter:<br/> <input type="radio" name="channel" value="google" checked="checked" id="radio_1"/> <label for="radio_1">Google search</label><br/> <input type="radio" name="channel" value="yahoo" id="radio_2"/> <label for="radio_2">Yahoo search</label><br/> <input type="radio" name="channel" value="friend" id="radio_3"/> <label for="radio_3">Your friend</label><br/> <input type="submit" value="Submit"/> </p> </form> </body> </html>
If you save the above document as field-label.html, and view it with
Internet Explorer, you will see 3 radio buttons linked to 3 labels.
Try to click the labels to see what happens to radio buttons:
Â
⇒HTML Forms and Input Fields
⇒⇒HTML Tutorials
2017-04-01, 1010👍, 0💬
Popular Posts:
How to View Atom Feeds with IE (Internet Explorer)? If you want to view Atom Feeds with IE (Internet...
How To Submit Values without Using a Form in PHP? If you know the values you want to submit, you can...
How To Add Column Headers to a Table? If you want to add column headers to a table, you need to use ...
How to write a policy to set and get custom variables? Here is a policy that sets and gets custom va...
Where Is the Submitted Form Data Stored in PHP? When a user submit a form on your Web server, user e...