クリック時のHTMLフォームの作成

Question

javascriptでdivをクリックしたときにフォームを作成する正しい構文は何ですか？私は画像ボタンを作ったが、クリックしたときにボタンの代わりにこのフォームが表示されるようにしたいが、どのように見えるかは分からない。可能であれば、基本的なjavascriptとHTMLを使用したいだけです。

ありがとうございました。

Answer 1

フォームをHTMLで作成し、ボタンをクリックしたときに表示スタイルを変更するためにjavascriptまたはjqueryを使用するのが最善の方法です。

Answer 2

<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(); 
     } 
    }); 
});