Personnaliser un formulaire
Soyez le premier à donner votre avis sur cette source.
Snippet vu 26 463 fois - Téléchargée 32 fois
Contenu du snippet
Si vous avec un forum ou un chat ou tout autre script de ce type, afin que l'internaute puisse prévisualiser ce qu'il va envoyer... La capture d'écran vaut mieux qu'un long discours...
Source / Exemple :
<html>
<head>
<title>Personnaliser un formulaire</title>
<script>
function style_1(couleur) {
document.formulaire.couleur.value = couleur;
document.all["message"].style.color = "#"+ couleur;
}
function style_2() {
if(!formulaire.message.style.fontWeight) {
formulaire.message.style.fontWeight = "bold";
} else {
formulaire.message.style.fontWeight = "";
}
}
function style_3() {
if(!formulaire.message.style.fontStyle) {
formulaire.message.style.fontStyle = "italic";
} else {
formulaire.message.style.fontStyle = "";
}
}
function style_4() {
if(!formulaire.message.style.textDecoration) {
formulaire.message.style.textDecoration = "underline";
} else {
formulaire.message.style.textDecoration = "";
}
}
function focus() {
// Donne le focus au champ message du formulaire
document.formulaire.message.focus()
}
</script>
</head>
<body>
<form method="post" name="formulaire">
<input type="hidden" name="couleur">
<input type="text" name="message"> <input name="soumettre" type="submit" value="Envoyer">
<br><br>
<table cellpadding=5 cellspacing=0>
<tr>
<td>
<table cellpadding=2 cellspacing=0>
<tr>
<td>
Couleur du texte :
</td>
<td width=2>
</td>
<td>
<acronym title="Noir"><a href="javascript:style_1('000000')" style="background-color : #000000"> </a></acronym>
</td>
<td>
<acronym title="Bleu"><a href="javascript:style_1('0000ff')" style="background-color : #0000ff"> </a></acronym>
</td>
<td>
<acronym title="Rouge"><a href="javascript:style_1('ff0000')" style="background-color : #ff0000"> </a></acronym>
</td>
<td>
<acronym title="Vert"><a href="javascript:style_1('00ff00')" style="background-color : #00ff00"> </a></acronym>
</td>
<td width=25 align="center">
?
</td>
<td>
Gras :
</td>
<td>
<input type=checkbox name="gras" value=1 onclick="style_2()">
</td>
<td width=25 align="center">
?
</td>
<td>
Italique :
</td>
<td>
<input type=checkbox name="italique" value=1 onclick="style_3()">
</td>
<td width=25 align="center">
?
</td>
<td>
Souligné :
</td>
<td>
<input type=checkbox name="souligne" value=1 onclick="style_4()">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<script>
focus();
</script>
</body>
</html>
A voir également
- Style.textdecoration
- PHP : Génération de formulaires html personnalisés. - CodeS SourceS - Guide
- Formulaire personnalisé ✓ - Forum - C# / .NET
- Code source formulaire d'inscription html - Guide
- Code php formulaire d'inscription pdf - Guide
- Formulaire php code source - Guide
14 nov. 2007 à 21:45
27 avril 2007 à 11:48
10 avril 2007 à 17:40
+ d'explication svp
19 nov. 2004 à 02:09
ça ressemble à ce que je cherche...
Est-il possible de faire la modification seulement sur une partie du texte
par exemple la partie sélectionné !
merci
16 févr. 2003 à 16:38
je remets ca en ordre
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.