HTML: Inputfeld ausgrauen mit Readonly – So gehts

Oft ist es erforderlich, das bestimmte Daten in einem Inputfeld vom Benutzer nicht geändert werden können. Du kannst ein Input Feld ausgrauen so das man den Wert nur lesen aber nicht bearbeiten kann.

HTML: Input Feld ausgrauen – Read Only

In diesem Beispiel wird dein Land angezeigt, du kannst es aber nicht ändern. Es wird mit readonly ausgegraut.

<form action="action.php"><label for="email">E-Mail: </label><input name="email" type="text" />
<label for="land">Land: </label><input name="land" readonly="readonly" type="text" value="Deutschland" />
<button type="submit">Anmelden</button></form>

Ergebnis

Du kannst es nun ausprobieren, den Wert für das Land kannst du jetzt nicht mehr ändern.

<form>
   <fieldset id="persAngaben" disabled>
     <label for="input1">Benutzername</label> <input value="Hans" id="input1">
 
     <label for="input2">Passwort</label> <input type="password" value="Passwort" id="input2">

   </fieldset>
 </form>

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite