Question

我正在使用Bootstrap 4，我已经包含了所有脚本（Jquery，popper甚至tether.js），但是表单只是冻结了，我真的不明白为什么。

我尝试使用不同的浏览器，但是表单字段似乎已禁用或什么，似乎什么也没有用，甚至没有提交按钮

我将pug用作，并且我确定自己编写了正确的语法

form
    .form-group

        label(for="exampleInputEmail1") Email address

        input(type="email" class="form-control" id="exampleInputEmail1" 
        aria-describedby="emailHelp" placeholder="Enter email")

        small(id="emailHelp" class="form-text text-muted") We'll never 
        share your email with anyone else.

    .form-group

        label(for="exampleInputPassword1") Password

        input(type="password" class="form-control" 
        id="exampleInputPassword1" placeholder="Password")

    .form-check

        input(type="checkbox" class="form-check-input" 
        id="exampleCheck1")
        label(class="form-check-label" for="exampleCheck1") Check me out

    button(type="submit" class="btn btn-primary") Submit

我认为自己做错了，但我似乎可以找到它。

Answer 1

表格被冻结是什么意思？

转换后的HTML代码看起来不错。

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<form>
  <div class="form-group"><label for="exampleInputEmail1">Email address</label><input class="form-control" type="email" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email" /><small class="form-text text-muted" id="emailHelp">We'll never share your email with anyone else.</small></div>
  <div class="form-group"><label for="exampleInputPassword1">Password</label><input class="form-control" type="password" id="exampleInputPassword1" placeholder="Password" /></div>
  <div class="form-check"><input class="form-check-input" type="checkbox" id="exampleCheck1" /><label class="form-check-label" for="exampleCheck1">Check me out</label></div><button class="btn btn-primary" type="submit">Submit</button>
</form>

我不明白为什么我在我的网站（https://www.ictcircle.tech/contact.html）上的表格无法正常工作

1 个答案: