文本框依次显示代码
我想要三个文本框,打开页面的时候是是灰色不可输入狀态,在打开5秒后第一个文本框恢复(即可输入的狀态),10秒后第二个文本框恢复,15秒后第三个文本框恢复。该怎么写?
<script language="javascript"> var Sec=0; var disabledTime; function Page_Load(){ disabledTime=window.setTimeout("Page_Load()",1000); Sec++; var input=document.getElementById("form1").getElementsByTagName("input"); for(var i=0;i<input.length;i++){if(input[i].disabled) input[i].value="已经过去了:"+Sec+"秒";} switch(Sec){ case 5: input[0].disabled=false; input[0].value=""; break; case 10: input[1].disabled=false; input[1].value=""; break; case 15: input[2].disabled=false; input[2].value=""; window.clearTimeout(disabledTime); break; } } </script> <body onLoad="Page_Load();"> <form method="POST"> <table border="0" width="100%" id="table8" cellspacing="1" cellpadding="5" bgcolor="#CCCCCC"> <tr> <td bgcolor="#FFFFFF" align="center" colspan="2"> <input type="text" name="InpTxt" disabled >文本框0<br> <input type="text" name="InpTxt" disabled >文本框1<br> <input type="text" name="InpTxt" disabled >文本框2<br> </td> </tr> <tr> <td bgcolor="#FFFFFF" align="center" colspan="2"> <input type="submit" value=" 提交" name="B1"></td> </tr> </table> <input type="hidden" name="mm" value="1"> </form> </body>