form 方法

特徵 | 方法

reset

submit

form 的方法

文件中的 FORM 元素可以用 document.forms 存取。

reset()

重設 FORM 的控制元素為初值。下面的範例，用了兩種方法重設 FORM 的控制元素。請先改變文字輸入欄的內容，再點”重設”。用 javascript 的好處是：可以在重設前，作一些檢查。 <form id='fm1'> <input id='p1' size=12 value='小遊戲'><br /> <input type='reset' /> </form><p> <script type='text/javascript'> function resetDM(id) { if( confirm('真的要重設嗎？') ) document.forms[id].reset(); } </script> <a href='javascript:resetDM("fm1")'> 重設</a>

• 程式用法：

  <form id='fm1'>
  <input id='p1' size=12 value='小遊戲'><br />
  <input type='reset' />
  </form><p>
  <script type='text/javascript'>
  function resetDM(id)
  {
    if( confirm('真的要重設嗎？') )
      document.forms[id].reset();
  }
  </script>
  <a href='javascript:resetDM("fm1")'>
  重設</a>
  

• 執行結果：
  
  

  重設

submit()

將用戶輸入 FORM 的值，傳送給主機電腦處理。下面的範例，用了兩種方法送出查詢 。用 javascript 的好處是：可以在送出前，作一些檢查；例如身分證字號的檢查碼是否正確？在用戶端用 javascript 作檢查，可以減輕主機電腦的工作量。 <form id='fm2' action= 'javascript:alert("部落格無法上傳")'> <input id='p2' size=12 value='好玩遊戲'><br /> <input type='submit' /> </form><p> <script type='text/javascript'> function submitDM(id) { if( confirm('真的要上傳嗎？') ) document.forms[id].submit(); } </script> <a href='javascript:submitDM("fm2")'> 送出查詢</a>

• 程式用法：

  <form id='fm2' action=
    'javascript:alert("部落格無法上傳")'>
  <input id='p2' size=12 value='好玩遊戲'><br />
  <input type='submit' />
  </form><p>
  <script type='text/javascript'>
  function submitDM(id)
  {
    if( confirm('真的要上傳嗎？') )
      document.forms[id].submit();
  }
  </script>
  <a href='javascript:submitDM("fm2")'>
  送出查詢</a>
  

• 執行結果：
  
  

  送出查詢