Cinq conseils pour la mise en page des formulaires div CSS peuvent vous aider à contrôler le formulaire de manière plus flexible et à rendre la page plus satisfaisante.
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 et la supprimer, puis saisir des informations utiles. En fait, tant que vous ajoutez le code onMouseOver="this.focus()" onFocus="this.select()" à
Exemple de code source [www.devdao.com ]< textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Saisie en anglais..
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. Par exemple :
Exemple de code source [www.devdao.com]
Après avoir cliqué sur l'unité de saisie, le message d'invite sera supprimé, n'est-ce pas très pratique ?
3. Paramètres de bordure des unités de saisie de formulaire :
la modification des bordures traditionnelles des unités de formulaire rendra votre page d'accueil plus colorée. Par exemple :
Exemple de code source [www.devdao.com]
Parmi eux, "style=***" correspond aux paramètres de couleur gauche, droite, haut, bas et d'arrière-plan. Il est applicable à d'autres unités. Les lecteurs sont invités à l'essayer eux-mêmes.
4. Paramétrage du texte de l'unité de saisie du formulaire :
La police de l'unité dans le formulaire peut être modifiée, par exemple :
Exemple de code source [www.devdao.com]
Parmi eux, "style=***" correspond aux paramètres de police et de taille de police.
5. Modifiez les propriétés du formulaire en fenêtres contextuelles :
une fois la plupart des formulaires activés, ils s'ouvriront dans la page actuelle, affectant la navigation normale. Il est préférable de le modifier, par exemple :
Exemple de code source [www.devdao.com]