Html 如何在弹出窗口窗体中创建响应文本框

Html 如何在弹出窗口窗体中创建响应文本框,html,bootstrap-4,Html,Bootstrap 4,我需要一个注册选项弹出窗口。所以我用了下面的编码 <li onclick="document.getElementById('signUpId').style.display='block'" style="width:auto;"><a href="#"><span class="glyphicon glyphicon-user"></span>Sign Up</a></li> &l

我需要一个注册选项弹出窗口。所以我用了下面的编码

<li onclick="document.getElementById('signUpId').style.display='block'" style="width:auto;"><a href="#"><span class="glyphicon glyphicon-user"></span>Sign Up</a></li>
                    <div id="signUpId" class="signUpClass">                     
                        <form class="signUp-content animate" style="border:1px solid #ccc">
                            <div class="container">
                                <p class="close" onclick="document.getElementById('signUpId').style.display='none'" style="width:auto;">&times;</p>
                                <h1>Sign Up</h1>
                                <p>Please fill in this form to create an account.</p>
                                <hr>

                                <label for="email"><b>Email</b></label>
                                <input class="textInput_Sign" type="text" placeholder="Enter Email" name="email" required>

                                <label for="psw"><b>Password</b></label>
                                <input class="pwInput_Sign" type="password" placeholder="Enter Password" name="psw" required>

                                <label for="psw-repeat"><b>Repeat Password</b></label>
                                <input class="repeatPwInput_Sign" type="password" placeholder="Repeat Password" name="psw-repeat" required>

                                <label>
                                <input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
                                </label>

                                <p>By creating an account you agree to our <a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>

                                <div class="clearfix">
                                    <button type="button" class="cancelbtn" onclick="document.getElementById('signUpId').style.display='none'">Cancel</button>
                                    <button type="submit" class="signupbtn">Sign Up</button>
                                </div>
                            </div>
                        </form>
                    </div>
  • ×

    注册 请填写此表格以创建帐户


    电子邮件 密码 重复密码 记得我吗 通过创建帐户,您同意我们的

    取消 注册
    但是,无法在弹出窗口窗体中创建响应文本框


    有人能帮我解决这个问题吗。

    尝试为他们的输入字段提供100%的宽度。

    使用bootstrap,您只需将类“表单控件”添加到输入元素。

    input[type=text],input[type=password]{宽度:100%;填充:12px 20px;边距:8px 0;显示:内联块;边框:1px实心#ccc;框大小:边框框;}我尝试过这种风格。但是,它不起作用。你能发布你的css表单吗请检查此链接以检查引导如何工作: