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

来源：懂视网责编：小采时间：2020-11-27 20:22:35

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

表单的一些基本用法与技巧:1、用图像代替提交按钮当只有一个提交按钮的时候，可以简单地实现，不用加事件函数，代码是： <input type="image" name="..." src="url" width="" height="...&q

推荐度：

点击下载本文 文档为doc格式

导读表单的一些基本用法与技巧:1、用图像代替提交按钮当只有一个提交按钮的时候，可以简单地实现，不用加事件函数，代码是： <input type="image" name="..." src="url" width="" height="...&q

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();"来复位表单，这样一来，任何一个元素都可以实现提交表单了。

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

推荐度：

点击下载本文 文档为doc格式

标签：技巧使用技巧基本

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐