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;">×</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表单吗请检查此链接以检查引导如何工作: