Heim > Web-Frontend > js-Tutorial > Hauptteil

表单的一些基本用法与技巧_表单特效

WBOY
Freigeben: 2016-05-16 19:28:15
Original
1009 Leute haben es durchsucht

1、 用图像代替提交按钮
 当只有一个提交按钮的时候,可以简单地实现,不用加事件函数,代码是:
 
 除了标签改为input type="image"以外,其它的属性和表单的一些基本用法与技巧_表单特效标签的属性是一样的。

 2、用图片代替所有的表单按钮:
 代替submit按钮的图片代码格式是
 
 代替reset按钮的代码图片格式是
 
 注:这里的formName是表单的name属性值。

 3、表单的提交验证:
 <script><BR> function CheckDate(){<BR> //取得输入的数据<BR> userName = document.RedForm.userName.value;<BR> userEmail = document.RedForm.userEmail.value;<BR> //如果没有输入姓名<BR> if (userName=="") {<BR> alert("请输入姓名");<BR> document.RedForm.userName.focus();<BR> return false;<BR> }else{<BR> //如果没有输入Email,或者Email地址错误(不含@)<BR> if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("请重新输入Email地址");<BR> document.RedForm.userEmail.focus();<BR> return false;<BR> }else return true;<BR> }<BR> }<BR> </script>

 4、用任何元素提交表单:
 通过onClick="document.form.submit();"来提交表单;用onClick="document.form.reset();"来复位表单,这样一来,任何一个元素都可以实现提交表单了。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage