Cinq exemples de conseils de conception de formulaires Web_HTML/Xhtml_Production de pages Web

1. Sélection mobile pour la saisie de texte dans le formulaire : dans le champ de saisie de texte, si une invite est ajoutée, les visiteurs doivent souvent utiliser la souris pour la sélectionner, la supprimer, puis saisir des informations utiles. En fait, tant que vous ajoutez le code onMouseOver="this.focus()" onFocus="this.select()" à , tout deviendra beaucoup plus simple, comme : <br> <br>Ce qui suit est le contenu cité : <br><textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">Veuillez remplir votre nom
De même, vous pouvez ajouter du code à .
2. Cliquez pour supprimer l'unité de saisie du formulaire : Cette colonne a la même fonction que celle ci-dessus, mais il y a un léger changement dans l'utilisation de la souris. Vous devez cliquer au lieu de simplement la recouvrir avec la souris comme ci-dessus. comme:
Voici le contenu cité :


Après avoir cliqué sur l'unité de saisie, le message d'invite sera supprimé, n'est-ce pas très pratique ?
3. Paramètre de bordure de l'unité de saisie de formulaire : modifier la bordure traditionnelle de l'unité de formulaire rendra votre page d'accueil plus colorée. comme:
Voici le contenu cité :


Parmi eux, "style=***" correspond aux paramètres de couleur gauche, droite, haut, bas et d'arrière-plan, qui sont applicables à d'autres unités.
4. Paramétrage du texte de l'unité de saisie du formulaire : La police de l'unité dans le formulaire peut être modifiée, comme :
Voici le contenu cité :


Où "style=***" correspond aux paramètres de police et de taille de police.
5. Modifier les attributs du formulaire dans les fenêtres contextuelles : une fois la plupart des formulaires activés, ils seront ouverts dans la page actuelle, affectant la navigation normale. Il vaut mieux le modifier, comme par exemple :
Voici le contenu cité :

Où "target=_blank" contrôle l'ouverture dans la fenêtre pop-up.