Heim > Artikel > Web-Frontend > So machen Sie HTML-Eingaben nicht bearbeitbar
So stellen Sie die HTML-Eingabe so ein, dass sie nicht bearbeitet werden kann: 1. Verwenden Sie das Attribut „disabled“, um das Eingabeelement zu deaktivieren. 2. Verwenden Sie das Attribut „readonly“, um das Eingabefeld schreibgeschützt und kopierbar zu machen. 3. Verwenden Sie „readonly unsselectable="on". „“, um Nichtbearbeitbarkeit zu erreichen.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5-Version, Dell G3-Computer.
3 Möglichkeiten, das Eingabetextfeld nicht bearbeitbar zu machen
Heute habe ich drei Methoden ausprobiert, um das Eingabetextfeld nicht bearbeitbar zu machen:
Das Attribut „disabled“ legt fest, dass das Eingabeelement sein sollte deaktiviert, und das deaktivierte Eingabeelement kann nicht bearbeitet, kopiert oder ausgewählt werden, kann den Fokus nicht erhalten und der Wert wird nicht im Hintergrund empfangen. Nach der Einstellung wird die Farbe des Textes grau. Das Attribut „disabled“ kann nicht mit verwendet werden.
Beispiel: Das Attribut
readonly gibt an, dass das Eingabefeld schreibgeschützt und kopierbar ist. Der Benutzer kann jedoch dazu die Tabulatortaste verwenden Wechseln Sie zum Feld, um den Fokus zu erhalten, und wählen Sie den Text aus oder kopieren Sie ihn. Der übergebene Wert wird im Hintergrund empfangen. Das schreibgeschützte Attribut verhindert, dass Benutzer den Wert ändern.
readonly-Attribut kann mit verwendet werden;
Beispiel:
readonly unselectable="on" Dieses Attribut ähnelt dem Deaktivieren. Das Eingabeelement kann nicht bearbeitet, kopiert, ausgewählt und nicht empfangen werden focus wird die Farbe des Textes nach der Einstellung ebenfalls grau, der übergebene Wert kann jedoch im Hintergrund empfangen werden. Beispiel: (Ich bin noch ein Anfänger, bitte korrigieren Sie mich, wenn ich etwas falsch schreibe!)
【Empfohlenes Lernen: HTML-Video-Tutorial】
Das obige ist der detaillierte Inhalt vonSo machen Sie HTML-Eingaben nicht bearbeitbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!