Simuler un textarea

**fartounet** · 01/02/2010, 23h02

Bonsoir,
J'aurais voulu savoir s'il était comment "simuler un textarea" ?

Alors qu'est-ce que j'entend par ca :
- pouvoir modifier le texte contenu
- pouvoir l'envoyer via un formulaire
- ne pas être un textarea

C'est vrai que cette demande peut parraitre bizarre, mis j'aimerais ne pas utiliser un textarea car on peut les agrandir sous Chrome et ce n'est pas ce que je souhaite.

Pour finir, je sais que cela est possible car Google Docs n'utilise pas de textarea et bien évidemment on peut écrire du texte car cela imite microsoft office

Je vous remercie d'avance de m'apporter vos lumière sur cet épineuse question.
Cordialement,

**danielhagnoul** · 02/02/2010, 01h36

Bonsoir.

Il suffit de fixer les dimensions et de déclarer ces réglages importants :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
textarea {
	width:400px !important;
	height:400px !important;
}

**fartounet** · 02/02/2010, 14h49

Ah oui, je n'avais pas pensé au !important pour forcer à garder la dimension... Je te remercie !

Mais ma question reste ouverte pour créer un faux textarea : c'est juste de la curiosité là.

Fartounet

**gwyohm** · 02/02/2010, 15h47

Salut,
tu peux passer par l'attribut contenteditable, mais ca ne sera pas soumis dans un formulaire... il faudra donc du javascript pour récupérer le contenu.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div contenteditable="true" style="width:300px;height:100px;border:1px solid black;">
 
</div>
</body>
</html>

Simuler un textarea

JavaScript

Vue hybride

Discussions similaires

Partager

Partager