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()" à <textarea>, tout deviendra beaucoup plus simple, comme :
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..</textarea>
De même, vous pouvez ajouter du code à <input>.
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]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
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]<input type=radio name=action value=subscribe vérifié style="BORDER-BOTTOM : 1px en pointillé ; BORDURE-GAUCHE : 1px en pointillé ; BORDURE-DROITE : 1px en pointillé ; BORDURE - HAUT : 1 px en pointillé ; couleur d'arrière-plan : #FEF5C8">
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]<input type=text name="address" size=19 value=" Entrez, e-mail..." style=font-family:"verdana";font-size:10px >
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]<form method=POST action=url target=_blank>
Parmi eux, "target=_blank" contrôle l'ouverture de la fenêtre pop-up.