现在的位置: 首页 > 综合 > 正文

表单内容提交等待效果

2018年04月09日 ⁄ 综合 ⁄ 共 1159字 ⁄ 字号 评论关闭
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <title>内容提交等待</title> 
  6. </head> 
  7. <body><script language=javascript> 
  8. <!-- 
  9. function showSending() { 
  10. sending.style.visibility="visible"
  11. --> 
  12. </script> 
  13. <form method="post" action=""><div id="sending" style="position:absolute; z-index:10; width: 400; visibility: hidden">  
  14.                 <table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9"> 
  15.                   <tr>  
  16.                     <td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td> 
  17.                   </tr> 
  18.                 </table> 
  19.               </div>       
  20.         <table width="95%" border="1" cellspacing="0" cellpadding="1" bordercolorlight="#8FA8E9" bordercolordark="#FFFFFF"> 
  21.           <tr align="center">  
  22.             <td height="30" class="bg3" colspan="2">  
  23.               <input type='submit' name='ACTION' value='发送' onClick="showSending()"> 
  24.             </td> 
  25.           </tr> 
  26.         </table> 
  27.       </form> 
  28. </body> 
  29. </html> 

 

抱歉!评论已关闭.