Deaktivieren Sie die Eingabeimplementierungsattribute des Eingabetextfelds

Heute möchte ich ein paar sehr nützliche HTML-Tags zusammenfassen, die oft in der Entwicklung verwendet werden. Leute, die mit ihnen nicht vertraut sind, verstehen sie möglicherweise nicht wirklich:

readonly、disabled、autocomplete

readonly bedeutet, dass dieser Wert nicht geändert werden kann und nur mit type="text" verwendet werden kann. Er kann kopiert und ausgewählt werden und kann den Fokus erhalten

<input type="text" name="www.xxx" readonly="readonly" />

deaktiviert bedeutet, dass das Eingabeelement deaktiviert ist, nicht bearbeitet werden kann, nicht kopiert werden kann, nicht ausgewählt werden kann, keinen Fokus erhalten kann und der Hintergrund den übergebenen Wert nicht erhält

<input type="text" name="www.xxx.com" disabled="disabled" />

Darüber hinaus kann die Eingabemethode über CSS blockiert werden:
Lassen Sie uns abschließend ein häufig verwendetes Tag einführen. Browser zeichnen normalerweise das Eingabefeld auf, sodass bei der Eingabe häufig viele Inhalte angezeigt werden, wie unten gezeigt:
Wenn Sie es entfernen möchten, fügen Sie am besten autocomplete="off" hinzu. Die Verwendungsmethode ist wie folgt: autocomplete="off"

<input type="text" autocomplete="off" id="number"/>