圖像onclick（）函數顯示帶窗體細節的dailog窗口

Hers是我爲功能編寫的代碼，當點擊圖像時，dailog窗口應該加載窗體輸入元素。請查看下面的代碼，並讓我知道我犯的錯誤。圖像onclick（）函數顯示帶窗體細節的dailog窗口

代碼： -

  <dialog id="login" style="border-color: blue; border: 1px solid"> 
       <form name="reg"> 
       First Name : <input type="text" name="fname" required> 
       Last Name: <input type="text" name="lname" required> 
       Email <input type="email" name="mail" required> 
       Password: <input type="password" name="pass" required> 
       Confirm Password : <input type="password" name="confpass" required> 
       <button type="submit"></button> 
       <button type="reset"></button> 
       </form> 
      </dialog> 

     <script> 
      function registration(){ 

       var dailog = document.getElementById('login'); 
       dailog.open(); 
      } 

     </script>

來源

2016-02-07 Ravikanth

哪些瀏覽器您使用的不是一個功能？ –

使用谷歌瀏覽器 – Ravikanth

根據MDN有.show()和.showModal()方法 - 有沒有.open()方法。

來源

2016-02-07 18:56:09

謝謝Radoslaw。通過使用show（）。它正在顯示。但是在該對話框窗口中沒有任何關閉圖標如何操作。可以用相同的代碼替換爲彈出窗口而不是對話框窗口。 – Ravikanth

如果你使用open（），你會從哪裏得到關閉按鈕？ –

您必須自己創建關閉按鈕。 –

變化

dailog.open（）;

到

dailog.open = TRUE;

爲

顯示

是財產，

來源

2016-02-07 19:13:37

圖像onclick（）函數顯示帶窗體細節的dailog窗口

回答

相關問題