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

1、 用图像代替提交按钮
　当只有一个提交按钮的时候，可以简单地实现，不用加事件函数，代码是：
　

<input type="image" name="//m.sbmmt.com/m/faq/..." src="//m.sbmmt.com/m/faq/url" width="" height="//m.sbmmt.com/m/faq/..." border="//m.sbmmt.com/m/faq/...">

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

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

<input type="image" name="//m.sbmmt.com/m/faq/..." src="//m.sbmmt.com/m/faq/..." onClick="document.formName.submit()">

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

<input type="image" name="//m.sbmmt.com/m/faq/..." src="//m.sbmmt.com/m/faq/..." 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();"来复位表单，这样一来，任何一个元素都可以实现提交表单了。

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