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

Quelques utilisations et techniques de base des formulaires

巴扎黑
巴扎黑original
2017-05-21 11:36:151382parcourir

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="...">

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

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()">

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()">

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>

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!

Déclaration:
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