The magical uses of label logos (turn)

Source: Internet
Author: User
Something else that the logo can't do. Let's take a look at the following example.
★ A form with hot keys: (You can use "ALT + Underline letter" to access each field)
Name (N):
Email (e):
Contact Tel (P):
Message (S):
What do you think? It's not bad. This is done mainly through the two attributes of the <Label> logo, one for, and one for accesskey. For means that this
What component does a lable service for? AccessKey, however, defines a hotkey to access this component. For example, we have a one-line input box named name,
This is how we define this component: <input type= "TEXT" id= "Name" SIZE=30&GT; So, our <label> can be defined as: <label
For= "name" accesskey= "N" > Name (<U>N</U>):</label>. As you can see, this <Label> is for that id "Name" component
Service, and Acesskey is defined, which accesses the hotkey of this component as "Alt+n". The following is the HTML source code for the example above:
<FORM>
<label for= "Namebox" accesskey= "N" > Name (<U>N</U>):</label>
<input type= "TEXT" id= "Namebox" size=30> <br>
<label for= "Emailbox" accesskey= "E" > E-mail (<U>E</U>):</label>
<input type= "TEXT" id= "Emailbox" size=30> <br>
<label for= "PhoneBox" accesskey= "P" > Tel (<U>P</U>):</label>
<input type= "TEXT" id= "PhoneBox" size=30> <br>
<label for= "Areabox" accesskey= "S" > Message (<U>S</U>):</label>
<textarea id= "Areabox" cols= "rows=" 3 "></TEXTAREA> <br>
</FORM>
★ You can click on the multiple selection box of text selection:
We see some of the check boxes on the Internet, radio buttons is the key to the small components to achieve the purpose of choice, there is no possibility that we can click the check

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.