-1

我创建了一个表单供用户注册到我的网站，它使用 Jquery 将表单滑入视图。我刚刚决定在浏览器中关闭 JavaScript 以查看我的 PHP 表单验证是否正常工作，但是表单没有显示是因为我使用 CSS 设置表单元素（显示：无），还是他们的在这种情况下需要在 HTML 中使用的标记？

<form class="form" method="post" action=register.php id="register">
     <fieldset>
    <label for="username">Username</label>
    <input type="text" size="30" name="username" id="username" />
    <br/>
    <label for="email">Email</label>
    <input type="text" size="30" name="email" id="email" />
    <br/>
    <label for="password">Password</label>
    <input type="password" name="password" id="password" />
    <br/>
    <label for="confirm paassword">Confirm Password</label>
    <input type="password" name="password1" id="password1" />
    <br/>
    <input type="submit" name="submit" id="submit" value="Register" />
     </fieldset>
    </form>

CSS 样式

  #register{
    display: none;

jQuery

 $(document).ready(function(){
      $('#register').slideDown(800);
  }

这三个文件都是外部的。

4

6 回答 6

2

颠倒你的想法。使用js为打开js的人隐藏表单。

于 2013-10-22T17:39:23.720 回答
1

如果您使用 JS 进行更改，display: none则没有 JS 将不可见。

尝试使用<noscript>显示表单或链接到注册页面（例如使用nojs参数）来处理用户禁用 JS 的情况。

于 2013-10-22T17:41:12.703 回答
0

是的，应该是因为display: none表单元素上的设置。

于 2013-10-22T17:36:38.997 回答
0

当您没有 javascript 时，您应该添加标签来处理情况。但是请记住，在这种情况下您必须重新加载页面才能显示表单......

于 2013-10-22T17:38:13.330 回答
0

javascript 和 css 不是严格相关的，所以“display: none”隐藏了你的表单

在 onload 事件中将显示值从无更改为可见（无）

于 2013-10-22T17:38:53.037 回答
0

让 JS 隐藏表单。或者使用诸如modernizr之类的特征检测来查看是否支持JS，然后只应用它所在的样式。例如.js #myform {display:none;}

于 2013-10-22T17:47:42.360 回答