当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 表单的一些基本用法与技巧

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

2019年07月31日  | 移动技术网IT编程  | 我要评论
1、 用图像代替提交按钮
　当只有一个提交按钮的时候，可以简单地实现，不用加事件函数，代码是：
　<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();"来复位表单，这样一来，任何一个元素都可以实现提交表单了。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网