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

但我真的不明白你为什么要这样做......

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>

但我仍然对你要做的事情感到困惑

复选框验证和浮动图像

3 个答案: