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.





HTML Input Feld: Disable

Das disable Attribut legt fest das der Wert weder geändert werden soll noch das er bei der Formularübertragung mitgeschickt wird. Elemente mit disable werden von den gängingen Browsern ausgegraut.

<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>

Ergebnis


Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?