Maison > interface Web > tutoriel HTML > Définissez l'attribut contenteditable pour modifier le contenu des balises HTML (peut remplacer textarea)_HTML/Xhtml_Production de pages Web

Définissez l'attribut contenteditable pour modifier le contenu des balises HTML (peut remplacer textarea)_HTML/Xhtml_Production de pages Web

WBOY
Libérer: 2016-05-16 16:37:33
original
1780 Les gens l'ont consulté


Copier le code
Le code est le suivant :



Si vous ajoutez contenteditable="true" à BODY, vous pouvez voir à quel point cet attribut est magique. Par conséquent, nous pouvons définir l'attribut contenteditable="true" sur la balise HTML et la balise peut être modifiée.

L'attribut contenteditable est compatible avec tous les navigateurs (la compatibilité des versions antérieures à IE6 n'a pas été testée)

Dans certains cas, nous pouvons utiliser DIV pour remplacer input ou textarea pour obtenir le même effet. Par exemple, lors de l'utilisation d'ajax, nous pouvons obtenir le contenu du DIV lors de la soumission du formulaire.

Les personnes prudentes constateront que la zone de texte permettant de publier des commentaires dans l'espace QQ est en fait une DIV, et non une zone de texte de zone de texte.

Comment Div CSS simule l'adaptabilité de la hauteur de la zone de texte de la zone de texte pour répondre à l'attribut contenteditable standard HTML5

Cet effet est principalement obtenu en ajoutant l'attribut contenteditable en HTML5 à la balise (contenteditable : précise si les utilisateurs sont autorisés à modifier le contenu). Ce qui est génial, c'est qu'IE prend également en charge cet attribut, vous n'avez donc pas à vous inquiéter non plus. beaucoup sur les problèmes de compatibilité.
DÉMO :


Copier le code
Le code est le suivant :