Maison > interface Web > js tutoriel > Quelques utilisations et techniques de base des formulaires

Quelques utilisations et techniques de base des formulaires

巴扎黑
Libérer: 2017-05-21 11:36:15
original
1472 Les gens l'ont consulté

1. Utilisez des images au lieu des boutons de soumission
Lorsqu'il n'y a qu'un seul bouton de soumission, il peut être facilement implémenté sans ajouter de fonction événementielle. Le code est :

<input type="image" name="..." src="url" width="" height="..." border="...">
Copier après la connexion

Sauf. pour changer l'étiquette en Sauf pour input type="image", les autres attributs sont les mêmes que ceux de la balise .

2. Remplacez tous les boutons du formulaire par des images :
Le format du code image pour remplacer le bouton Soumettre est

<input type="image" name="..." src="..." onClick="document.formName.submit()">
Copier après la connexion

Le format de l'image du code pour remplacer le le bouton de réinitialisation est
 

<input type="image" name="..." src="..." onClick="document.formName.reset()">
Copier après la connexion

Remarque : Le formName ici est la valeur de l'attribut de nom du formulaire.

3. Vérification de la soumission du formulaire :

<script>
 function CheckDate(){
 //取得输入的数据
 userName = document.RedForm.userName.value;
 userEmail = document.RedForm.userEmail.value;
 //如果没有输入姓名
 if (userName=="") {
 alert("请输入姓名");
 document.RedForm.userName.focus();
 return false;
 }else{
 //如果没有输入Email,或者Email地址错误(不含@)
 if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("请重新输入Email地址");
 document.RedForm.userEmail.focus();
 return false;
 }else return true;
 }
 }
 </script>
Copier après la connexion

4. Soumettez le formulaire avec n'importe quel élément :
Pass onClick="document.form.submit() ;" pour soumettre le formulaire ; utilisez onClick="document.form.reset();" pour réinitialiser le formulaire, afin que n'importe quel élément puisse soumettre le formulaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal