HTML <label> for ominaisuus

HTML <label> -elementti

Määrittely ja käyttö

for Ominaisuus määrittää, mihin lomakkeen elementtiin merkintä sidotaan.

Epäsuora ja suora yhdistäminen

Merkinnät yhdistetään lomakkeen valitsimiin yleensä seuraavilla tavoin: Lomakkeen valitsin on merkinnän sisällä, mikä on epäsuora muoto, tai <label>-merkinnän alla for Ominaisuus nimittää kohdeformin id, mikä on suora muoto.

Esimerkiksi XHTML:ssä:

Suora yhdistäminen:

<label for="SSN">iD-numero：</label>
<input type="text" name="IdNum" id="IN" />

Epäsuora yhdistäminen:

<label>syntymäpäivä：<input type="text" name="DofB" /></label>

Ensimmäinen merkintä yhdistää teksti "Social Security Number:" ja lomakkeen sosiaaliturvatunnuksen tekstikentän ("SocSecNum") for Ominaisuuden arvo ja valitsimen id ovat samat, molemmat ovat SSN. Toisen merkinnän ("Date of Birth:") ei tarvita for Ominaisuus, sen liittyvät valitsimet eivät tarvitse id-ominaisuutta, ne on yhdistetty <label>-merkinnän avulla <input>-merkinnän sisällä.

Esimerkki

Kolme merkintää sisältävää valintanappia:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Lähetä">
</form>

Kokeile itse

Syntaksi

<label for="element_id">

Ominaisuusarvo

Arvo Kuvaus
element_id Elementin, johon merkintä on sidottu, id.

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

HTML <label> -elementti