 |
Où
trouver un tutorial sur les formulaires ?
L'auteur vous propose le chapitre "Les
formulaires" dans "Maîtriser le
langage Html".
|
 |
Peut-on limiter le
nombre de caractères dans une ligne de texte ?
Oui, et c'est bien pratique par exemple dans un formulaire
avec l'entrée d'un code postal. Il suffit d'ajouter la commande
MAXLENGTH="x" dans la balise de la ligne de texte.
|
 |
Est-il possible de
changer la taille des caractères d'une ligne de texte ?
Sur les navigateurs de version 4 ou plus, on peut entourer
le tag input des balises FONT SIZE pour modifier le texte.
Une solution avec les feuilles de style est également
envisageable.
|
 |
Comment faire pour
mettre un arrière-plan de couleur à une ligne de texte ?
Ceci est possible avec les feuilles de style. La balise
input prendra alors la forme :
<INPUT type="text" style="background-color: #ffffcc;">. Cet effet ne
sera visible que sous Explorer 4+. Netscape 4 (qui ne reconnaît que
très partiellement les feuilles de style) affichera la ligne de texte
blanche classique.
On peut aussi avec les feuilles de style, enlever le bord ou
mettre un autre genre de bord aux lignes de texte. Pour plus de
détails, on consultera la page "Rajeunir
les formulaires avec les feuilles de style" du même auteur. Pour
rappel Explorer 4+ uniquement.
|
 |
Est-il possible
d'aligner le texte à droite dans une ligne de texte ?
De nouveau par les feuilles de style.
<INPUT TYPE=TEXT STYLE="text-align:right">.
|
 |
Comment envoyer le
contenu d'un formulaire à une adresse e-mail ?
On peut envoyer les données d'un formulaire à une adresse
e-mail en configurant l'attribut ACTION avec 'mailto:nom@serveur'. En
cliquant sur le bouton Submit, les données seront ainsi envoyées. Au
risque d'insister, c'est bien mailto: ou encore mailto
deux points.
Exemple :
<FORM METHOD="POST" ACTION="mailto:nom@serveur">
éléments du formulaire
</FORM>
Attention ! Ceci fonctionne très bien sous Netscape 3+ et Explorer
4+ et donc pas sous Explorer 3. Pour ce dernier [heureusement
en voie de disparition sur la toile], il faut passer impérativement
par une CGI.
|
 |
Avec mailto: est-il
possible d'avoir les données transmises dans un format lisible ?
Pour avoir le texte sous une forme lisible, il suffit
d'ajouter enctype="text/plain" à la balise de début de formulaire.
Soit :
<FORM method="post" action="URL d'expédition" enctype="text/plain">
|
 |
Est-il possible
d'envoyer un formulaire par e-mail avec un sujet prédéfini ?
On ajoute simplement ce qui suit à l'attribut action de la
balise <FORM>
ACTION="mailto:person@serveur?subject=Ici vient le sujet">
|
 |
Est-il possible
d'envoyer un formulaire par e-mail à plusieurs destinataires ?
On ajoute simplement ce qui suit à l'attribut action de la
balise <FORM>
ACTION="mailto:person1@serveur?cc=person2@serveur&cc=person3@serveur"
|
 |
Un bouton de formulaire
peut-il servir pour faire un lien ?
Oui, il suffit d'utiliser le code suivant (sans oublier
les balises <FORM>...</FORM>) :
<INPUT TYPE=BUTTON VALUE="Lien" onClick="adresse_de_la_page">
|
 |
Est-il possible de
modifier la taille du texte d'un bouton cliquable ?
Sur les navigateurs de version 4 ou plus, on peut entourer
le tag du bouton par les balises FONT SIZE pour modifier le texte.
Une solution avec les feuilles de style est également
envisageable.
|
 |
Comment puis-je changer
la couleur d'arrière-plan d'un bouton ?
Ceci est possible avec les feuilles de style. La balise
input prendra alors la forme :
<INPUT type="button" style="background-color: #ffffcc;"
value="Cliquez ici">.
Cet effet ne sera visible que sous Explorer 4+. Netscape 4 (qui ne
reconnaît que très partiellement les feuilles de style) affichera le
bouton gris classique.
En voici un exemple réalisé par
l'auteur.
|
 |
Un bouton qui change de
couleur au passage de la souris. Est-ce possible ?
Avec un peu de Javascript et des feuilles de style. Voici
un exemple détaillé.
|
 |
J'ai vu un bouton dont
le texte clignotait. Comment réaliser cet effet ?
Avec un peu de Javascript et des feuilles de style. Voici
un exemple détaillé.
|
 |
Je voudrais utiliser
une image comme bouton submit. Est-ce possible ?
Html 4 intègre plusieurs nouvelles balises dont la balise <BUTTON>.
Le code prend l'allure suivante :
<BUTTON type="submit"><IMG src="image.gif"></BUTTON>
Cette balise n'est implantée que sous Explorer 4 et + et pas sous
Netscape 4.
|
 |
Comment définir l'ordre
des tabulations d'un formulaire ?
En appuyant sur la touche Tab, les visiteurs peuvent
passer d'un élément à l'autre d'un formulaire. Par défaut, la
succession des tabulations dépend de l'ordre des éléments dans le
code Html. On peut définir un autre ordre des tabulations en
utilisant, dans l'élément du formulaire, l'attribut TABINDEX="x" où x
est le nombre qui définit la position dans la suite des tabulations.
|
 |
Comment faire pour
associer un raccourci clavier à un élément de formulaire ?
Depuis le Html 4, on peut associer un raccourci clavier à
un élément de formulaire par l'attribut acceskey="nombre ou lettre"
dans la balise de l'élément.
Sous Windows, l'utilisateur déclenchera le raccourci clavier en
appuyant simultanément sur la touche Alt et le nombre ou la lettre
concernée. Il semble que [à fin 99], cette fonction n'est pas encore
implantée sous Mac.
Exemple :
<FORM>
Sexe :
<INPUT type="radio" name="sexe" acceskey="m"> Masculin (Alt + m)
<INPUT type="radio" name="sexe" acceskey="f"> Féminin (Alt + f)
</FORM>
|
 |
Comment faire pour "uploader"
un fichier ?
On peut télétransmettre un fichier en utilisant la
balise<INPUT TYPE='file'>. Un bouton browse permettra de sélectionner
le fichier.
Exemple :
<FORM method=post action=".....">
Sélectionnez le fichier que vous voulez envoyer.
<INPUT type="file" enctype="multipart/form-data" size="40">
</FORM>
L'auteur ignore si cela fonctionne avec "mailto:".
|
 |
Peut-on empêcher de
modifier le texte d'un zone d'entrée ?
Avec l'attribut READONLY que l'on ajoute dans la balise de
l'élément du formulaire.
|
 |
Comment donner d'entrée
le focus à un élément d'un formulaire ?
On peut donner d'entrée de page le focus (le curseur qui
clignote) à un élément de formulaire par un petit
script.
|
 |
Lorsque on imprime un
formulaire, est-il possible de contrôler le saut de page ?
Les feuilles de style permettent de contrôler les sauts de
page à l'impression par la propriété STYLE="page-break-before:always".
Internet Explorer 4+ seulement.
Par exemple :
<DIV style="page-break-before:always"></DIV>
|