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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了表单的一些基本用法与技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1244字，纯文字阅读大概需要2分钟。

内容图文

<input type="image" name="..." src="url" width="" height="..." border="...">

　除了标签改为input type="image"以外，其它的属性和<img>标签的属性是一样的。

　2、用图片代替所有的表单按钮：
　代替submit按钮的图片代码格式是
　

<input type="image" name="..." src="..." onClick="document.formName.submit()">

　代替reset按钮的代码图片格式是
　

<input type="image" name="..." src="..." onClick="document.formName.reset()">

　注：这里的formName是表单的name属性值。

　3、表单的提交验证：
　

<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、用任何元素提交表单：
　通过onClick="document.form.submit();"来提交表单；用onClick="document.form.reset();"来复位表单，这样一来，任何一个元素都可以实现提交表单了。

以上就是表单的一些基本用法与技巧的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的表单的一些基本用法与技巧全部内容，希望文章能够帮你解决表单的一些基本用法与技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端