複選框驗證和浮動圖像

Question

按鈕位於不同的窗體中。當用戶點擊一個按鈕時，會看到一個新的字段。我可以使用CSS來做到這一點嗎？

另外，我怎樣才能從form1跳到form 2？

這裏是我的代碼：

<form id="form1" action="#"> 
     <input type="button" onclick="form2"> 
    </form> 
    <form id="form2"> 
     <input type="checkbox">  
     <input type="button"> 
    </form> 

另外，即使被滾動的窗口我怎麼能在網站上放置的圖像，並保持其位置？

Answer 1

對於圖像，使用position: fixed;

而且

(function($) { 
    $(document).ready(function() { 
     $('#form1').click(function() { 
      $(this).hide(); 
     }); 
    }); 
})(jQuery); 

但我真的不明白爲什麼你woulld要做到這一點...

Answer 2

你可以使用jQuery和CSS來做到這一點。首先，您需要隱藏第二個按鈕，然後將事件添加到第一個按鈕，以在單擊第一個按鈕時顯示第二個按鈕。

喜歡的東西：

$(document).ready(function() { 
    $("#form2").hide(); 

    $("#1 input").click(function() { 
     $("#form2").show(); 
     $("#1").hide(); 

    }); 
}); 

這將最初隱藏第二表單，然後設置的第一個按鈕點擊事件顯示第二種形式。這是你想到的嗎？

至於你的問題的第二部分，你可以使用position: fixed CSS屬性來設置固定在頁面上的任何元素。您還需要圖像位置，例如：

<img id="myimage" src="img.png" /> 
<style> 
#myimage { 
    position: fixed; 
    left: 10px; 
    top: 10px; 
} 
</style> 

這將設置固定在10px的從屏幕的左側和頂部的圖像，不管你滾動與否。

Answer 3

我並沒有真正理解你的問題，跳躍是一個難以實現的編碼目標（ALERT諷刺在這裏）。
反正我覺得你需要一些jQuery的：

$(document).ready(function(){ 

     $('#form2').hide(); 
      $('#form1').show(); 

     $('#button').click(function(){ 
      $('#form2').show(); 
      $('#form1').hide(); 
    }); 

和HTML應該是這樣的：

<form id="form1" action="#"> 
     <input type="button" id="button"> 
    </form> 
    <form id="form2"> 
     <input type="checkbox">  
     <input type="button"> 
    </form> 

但我仍然困惑你正在試圖做

什麼