HTML <input> readonly-attribut

HTML <input> etikett

Definition och användning

readonly Egenskapen anger att inmatningsfältet är läsbart.

readonly Egenskapen är en boolesk egenskap.

Om denna egenskap är inställd, anger den att inmatningsfältet är läsbart.

Läsbara inmatningsfält kan inte ändras (men användaren kan använda tab-tangenten för att positionera det, markera det och kopiera texten från det).

kan ställas in readonly egenskapen för att förhindra att användaren ändrar värdet tills vissa andra villkor är uppfyllda (t.ex. markera ett kryssrutor). Därefter kan JavaScript ta bort readonly Värdet och gör inmatningsfältet redigerbart.

Observera:Formuläret kommer att skicka skrivskyddade inmatningsfält, men inte inmatningsfält som är inaktiverade!

Exempel

Innehåller en skrivskyddad inmatningsfält HTML-formulär:

<form action="/action_page.php">
  <label for="country">Land：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="Skicka">
</form>

Prova själv

Syntax

<input readonly>

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd

HTML <input> etikett