Das Hauptproblem bei nicht bearbeitbaren HTML-Eingaben besteht darin, dass es schwierig sein kann, Informationen korrekt in das Formular einzugeben. Wenn der Benutzer bei der Eingabe der Daten einen Fehler macht, kann es schwierig sein, ihn zu beheben.
<input type="text" name="name" value="John"> In order to make this input not editable, you would need to add the "readonly" attribute: <input type="text" name="name" value="John" readonly>
HTML5-Eingabetypen
HTML5 führt eine Reihe neuer Eingabetypen ein, darunter Text, E-Mail, URL, Zahl und Datum. Diese Eingabetypen können in Verbindung mit verwendet werden -Element, mit dem Benutzer Daten in eine Webseite eingeben können.
Die -Element kann jeden der neuen Eingabetypen akzeptieren. Wenn ein Benutzer Daten in eine eingibt Element, das einen der neuen Eingabetypen verwendet, konvertiert der Browser diese Daten automatisch in ein Formular, das von der Webseite verwendet werden kann. Wenn ein Benutzer beispielsweise Text in eine eingibt Element, das den Texttyp verwendet, konvertiert der Browser diesen Text in einen String und platziert ihn im DOM des Dokuments. Wenn ein Benutzer E-Mail-Adressen in eine eingibt -Element, das den E-Mail-Typ verwendet, erstellt der Browser ein E-Mail-Objekt und platziert es im DOM des Dokuments.
