为了账号安全,请及时绑定邮箱和手机立即绑定

如果弹出来的登录表单是实实在在的表单,而不是一张图片,表单的html代码应该写在哪呢!?我写在body里面是错的!?

<body>

 <div id="login-area">

      <button id="btnLogin" hidefocus="true" class="login-btn">登录</button>

</div>

<div id="mask"></div>

<div id="login">

     <div class="loginCon">

        <div id="close"></div>

        <div id="f1">你好</div>

     </div>

</div>

</body>

这样的话,打开网页以后登录图片就靠左,关闭按钮也点不了了,是怎么回事啊

正在回答

6 回答

你的css哪?看不到css,不知道里面有什么

0 回复 有任何疑惑可以回复我~


为什么加如表单代码后oLogin.innerHTML="<div class='loginMain'>"+
       "<form><label>姓名:<input type='text'/></label><br />" +
       "<label>密码:<input type='password'/></label> </form>"
       +" <div id='close'></div></div> ";



遮罩层清除不了,代码如下

 var oClose=document.getElementById('close');
                  oMark.onclick=oClose.onclick=function(){
            
                   document.body.removeChild(oLogin);
                   document.body.removeChild(oMark);

0 回复 有任何疑惑可以回复我~

oLogin.innerHTML="<div class='logincon'>"+
       "<form><label>姓名:<input type='text'/></label><br />" +
"<label>密码:<input type='password'/></label> </form>"
+" <div id='close'></div></div> ";

这样写就行了。。

0 回复 有任何疑惑可以回复我~
#1

喵的树3775232

请问我是在asp.net里面写的 而且要根据登录域后台数据库连接 请问此处代码用控件怎么写 万分感谢!
2016-08-18 回复 有任何疑惑可以回复我~
#2

追觅梦初的国度 回复 喵的树3775232

不清楚了....
2016-08-18 回复 有任何疑惑可以回复我~

用display这个属性可以实现的,这样你可以将表单的html结构代码写在DOM结构中,使用display先隐藏。后面通过js操作display属性来显示。

0 回复 有任何疑惑可以回复我~

还有,代码里根本没有图片啊

0 回复 有任何疑惑可以回复我~
#1

独行狼 提问者

恩恩,这个问题我已经解决了,是将html代码与js代码分离,通过js代码来控制弹出层的!谢谢啦!
2015-08-11 回复 有任何疑惑可以回复我~
#2

屁娃娃 回复 独行狼 提问者

请问同学是如何解决的??可否参考一下,我也遇到了童谣的问题
2015-11-15 回复 有任何疑惑可以回复我~
#3

独行狼 提问者 回复 屁娃娃

就写在同一个页面,先隐藏,用js控制就好
2015-11-17 回复 有任何疑惑可以回复我~
#4

seradle 回复 独行狼 提问者

是先把表单写好放在html里是吗
2016-05-13 回复 有任何疑惑可以回复我~
查看1条回复

这个为什么要用到css啊

0 回复 有任何疑惑可以回复我~
#1

红尘萧叹

因为我看到了很多id和class,我以为这是外部css,而且表单是在<body>标签内的
2015-08-11 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
弹出层效果
  • 参与学习       39069    人
  • 解答问题       157    个

通过本课程的学习让您能灵活运用知识,制作出超炫的弹出层效果

进入课程

如果弹出来的登录表单是实实在在的表单,而不是一张图片,表单的html代码应该写在哪呢!?我写在body里面是错的!?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信