Use label tag to select the radio button by clicking the text

The <label> tag defines a label (tag) for an input element. The label element does not present any special effect to the user. However, it improves usability for mouse users. This control is triggered if you click on the text within the label element. That is, when the user selects the tag, the browser automatically shifts the focus to the form control associated with the tag. The for attribute of the <label> tag should be the same as the id attribute of the associated element

Example 1:

Copy code

The code is as follows:

<label for="man">
<input type="radio" value="男" name="man" id="man"/>
male
</label>
<label for="man2">
<input type="radio" value="女" name="man" id="man2"/>
female
</label>

Example 2:

Copy code

The code is as follows:

<input type="checkbox" name="Pages" value="Job" id="Job" ><label for="Job">Add and edit job information</label>

<input type="checkbox" name="Pages" value="JobQuery" id="JobQuery" ><label for="JobQuery">Query and delete recruitment information</label>

<input type="checkbox" name="Pages" value="Technology" id="Technology" checked><label for="Technology">Add or modify technology items</label>

<<: Sample code for using CSS to write a textured gradient background image

>>: MYSQL METADATA LOCK (MDL LOCK) theory and lock type test

Use label tag to select the radio button by clicking the text

Use CSS to draw a file upload pattern

Analyzing the four transaction isolation levels in MySQL through examples

Web Design Experience

JavaScript implements a box that follows the mouse movement

How to recover deleted MySQL 8.0.17 root account and password under Windows

Summary of the use of element's form elements

Detailed explanation of publicPath usage in Webpack

VMware15 installation of CentOS7 detailed process and common problems (picture and text)

How to build a new image based on an existing image in Docker

MySQL 8.0.15 installation and configuration graphic tutorial under Win10

Recommend

Organize the common knowledge points of CocosCreator

Linux directory switching implementation code example

Detailed explanation of the usage of sync modifier in Vue3 parent-child component parameter transfer

XHTML three document type declarations

Introduction to container data volumes in Docker

Detailed steps to store emoji expressions in MySQL

A colorful cat under Linux

Two special values in CSS are used to control the inherit and initial methods of the cascade

Best way to replace the key in json object

Summary of some small issues about MySQL auto-increment ID

Copy the contents of one file to the end of another file in linux

Summary of 7 types of logs in MySQL

SVN installation and basic operation (graphic tutorial)

Summary of the advantages of Vue3 vs. Vue2

Detailed explanation of the execution process of JavaScript engine V8