Das contenteditable-Attribut ist mit allen Browsern kompatibel (die Kompatibilität von Versionen vor IE6 wurde nicht getestet)
In einigen Fällen können wir DIV verwenden, um die Eingabe oder den Textbereich zu ersetzen, um den gleichen Effekt zu erzielen. Wenn wir beispielsweise Ajax verwenden, können wir den Inhalt des DIV beim Absenden des Formulars abrufen.
Aufmerksame Leute werden feststellen, dass das Textfeld zum Posten von Kommentaren im QQ-Bereich tatsächlich ein DIV und kein Textfeld ist.
Wie Div CSS die Anpassungsfähigkeit der Textbereichshöhe im Textbereich simuliert, um das Contenteditable-Attribut des HTML5-Standards zu erfüllen
Dieser Effekt wird hauptsächlich durch das Hinzufügen des contenteditable-Attributs in HTML5 zum Tag erreicht (contenteditable: gibt an, ob Benutzer Inhalte bearbeiten dürfen). Das Tolle ist, dass IE dieses Attribut auch unterstützt, sodass Sie sich auch keine Sorgen machen müssen viel über Kompatibilitätsprobleme.
DEMO:
