單擊時創建HTML表單

使用javascript單擊div時創建表單的正確語法是什麼？我製作了一個圖片按鈕，我只想讓這個表單在點擊時出現在按鈕的位置，但我無法得到它的外觀。如果可能，我只想使用一些基本的JavaScript和HTML。單擊時創建HTML表單

謝謝。

來源

2011-10-27 Sam

最好的辦法是將表單已經在你的html中構建，然後只需使用javascript或jquery來改變點擊按鈕時的顯示樣式。

來源

2011-10-27 14:17:14 RobFos

我已經通過其可見性設置爲隱藏，然後設置搜索試過這種g按鈕的innerHTML與表單的innerHTML相對應，這使得它出現在正確的位置，但由於它隱藏，我無法在其中輸入數據。 – Sam

@Sam嗯有沒有什麼辦法可以發佈你的一些代碼？這會讓我更容易幫忙。謝謝！ – RobFos

我會推薦使用<a>標籤。但是一個div也可以工作。

HTML

<a class="myLink">Button</a> 

<div class="form"> 
<form> 
... 
</form> 
</div>

CSS

.form {display:none;}

jQuery的

$(function(){ 
    $(".myLink").live("click", function(){ 
     if(!$(".form").is(":visible")) 
     { 
      $(".form").show(); 
     } 
    }); 
});

來源

2011-10-27 14:24:05 brenjt

單擊時創建HTML表單

回答

相關問題