HTML <input> placeholder-egenskap

HTML <input> etikett

Definition och användning

placeholder Egenskapen definierar en kort ledtråd som beskriver förväntade värden för inmatningsfältet (t.ex. exempelvärden eller en kort beskrivning av förväntad format).

Denna ledtråd visas när inmatningsfältet är tomt och försvinner när fältet får fokus.

Observera:placeholder Egenskaper gäller följande inmatningstyper:

  • text
  • sök
  • url
  • tel
  • e-post
  • lösenord

Exempel

Telefoninmatningsfält med platshållartext innehåller:

<form action="/action_page.php">
  <label for="phone">Ange telefonnummer:</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Format: 138-8888-8888</small><br><br>
  <input type="submit">
</form>

Prova själv

Syntax

<input placeholder="text">

Egenskapsvärde

Värde Beskrivning
text Definierar en kort提示，som beskriver den förväntade värdet för en inmatningsfält.

Webbläsarstöd

Numrerna i tabellen anger den första webbläsarens version som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

Kommentar:placeholder Egenskapen är en ny egenskap i HTML5.

HTML <input> etikett