复选框验证和浮动图像

checkbox validation and floating image

本文关键字：图像 验证 复选框      更新时间：2023-09-26

按钮以不同的形式存在。当用户单击按钮时，将会看到一个新的字段。我可以使用CSS来做到这一点吗?

另外，我如何从form1跳到form 2 ?

下面是我的代码: 
   <form id="form1" action="#"> 
      <input type="button" onclick="form2">  
   </form>   
   <form id="form2">   
       <input type="checkbox">    
       <input type="button">  
   </form>

另外，我怎么能把一个图像在网站上，并保持其位置，即使当窗口正在滚动?

对于图像，使用position: fixed;

和

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

但是我真的不明白你为什么要那样做…

我真的不明白你的问题，跳跃是一个很难实现的目标与编码(警告讽刺在这里)。
无论如何，我认为你需要一些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>

但是我仍然不明白你在做什么

您可以使用jquery和css来实现这一点。首先，您需要隐藏第二个按钮，然后向第一个按钮添加一个事件，以便在单击第一个按钮时显示第二个按钮。

类似:

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

这将首先隐藏第二个表单，然后在第一个按钮上设置click事件以显示第二个表单。这是你想要的吗?

关于你问题的第二部分，你可以使用position: fixed css属性来设置任何固定在页面上的元素。您还需要定位图像，例如:

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

无论你是否滚动，都会将图像固定在距屏幕左侧和顶部10px的位置。

相关文章：