夏日博客

A-A+

js表单点击提交按钮后变成灰色(防止用户重复提交数据)

2016年01月21日 前端设计 暂无评论 阅读 7 views 次

表单点击提交按钮后变成灰色这种做法就是为了防止用户重复提交数据防，我们利用了form的一个属性disabled禁止按钮使用,代码如下:

  1. <input type="button" value="提交" onclick="javascript:{this.disabled=true;document.form1.submit();}">  

例子代码如下:

  1. <form name="form1" method="POST" action="https://www.xiariboke.net" target="_blank">  
  2. <input type="text" name="T1" size="20">  
  3. <input type="button" value="提交" onclick="javascript:{this.disabled=true;document.form1.submit();}">  
  4. <input type="reset" value="重置" name="B2">  
  5. </form>  

很多事情大家可灵活运行即可，其它办法就不说了。

标签：

给我留言