How to link a label and an input

Code Rabbi answered on May 24, 2022 Popularity 10/10 Helpfulness 4/10

answer How to link a label and an input

How to link a label and an input

Comment

<!-- Implicit -->
<label>First Name
  <input type="text" name="first_name" />
</label>

<!-- Explicit -->
<label for="firstName">First Name</label>
<input type="text" id="firstName" name="first_name">
<!-- 
Note: the 'for' attribute is mapped to the 'id' and NOT name or type
So if id='BobSponge', then for='BobSponge' 
-->

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: html input label

Link to this answer
Share Copy Link

Contributed on May 24 2022

Code Rabbi

0 Answers Avg Quality 2/10

Closely Related Answers

html link label and input

Comment

<section role="region" aria-labelledby="student-info">
          <h2 id="student-info">Student Info</h2>
          <div class="info">
            <label for="student-name">Name:</label>
            <input id="student-name" type='text' name='student-name' placeholder='First and Last' />
          </div>
          <div class="info">
            <label for="student-email">Email:</label>
            <input id="student-email" type='email' name='student-email' />
          </div>
          <div class="info">
            <label for="birth-date">D.O.B.:</label>
            <input id="birth-date" type='date' name='birth-date' />
          </div>
        </section>

Popularity 9/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Dec 09 2022

Kind Kea

0 Answers Avg Quality 2/10

How to link a label and an input

Contents

More Related Answers

How to link a label and an input

Closely Related Answers

html link label and input

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.