Javascript 输入字段在小提琴中工作正常,但在浏览器中不正常
我有一个表单,它有三个输入字段。它在中工作正常,但如果我在任何浏览器中运行,则会出现部分输入文本字段。但是,如果我减小浏览器大小,则工作正常。因为我使用的是引导,所以所有字段在所有屏幕大小下都必须工作相同,无论是手机、选项卡还是计算机。请告诉我如何制作它在所有屏幕尺寸下都能正常工作 这是显示从div出来的移动文本字段的屏幕截图 这是一个屏幕截图,显示小尺寸文本字段的正确功能 这是输入字段的代码Javascript 输入字段在小提琴中工作正常,但在浏览器中不正常,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我有一个表单,它有三个输入字段。它在中工作正常,但如果我在任何浏览器中运行,则会出现部分输入文本字段。但是,如果我减小浏览器大小,则工作正常。因为我使用的是引导,所以所有字段在所有屏幕大小下都必须工作相同,无论是手机、选项卡还是计算机。请告诉我如何制作它在所有屏幕尺寸下都能正常工作 这是显示从div出来的移动文本字段的屏幕截图 这是一个屏幕截图,显示小尺寸文本字段的正确功能 这是输入字段的代码 <div class="tab-pane" id="tab2"> <form c
<div class="tab-pane" id="tab2">
<form class="well span9" action="insertNew" method="post">
<table border="1" id="mytable"/>
<tr>
<th>Add</th>
<th>Username</th>
<th>EmailId</th>
<th>Mobile No</th>
</tr>
</table>
<div class="row">
<div class="span3">
<label>Name</label>
<input type="text" id="fields" class="span4" placeholder="Your full Name" name="username" required>
</div>
<div class="span3">
<label>Email Address</label>
<input type="email" id="fields1" class="span4" placeholder="Your email address" name="email" required>
</div>
<div class="span3">
<label>Mobile</label>
<input type="tel" id="fields2" class="span4" placeholder="+756762462182" name="mobile" maxLength="13" required >
</div>
</div>
<input type="button" id="btn1" class="btn btn-lg btn-primary" value="Add">
</form>
<div class="well span9"> <input type="button" id="btn2" class="btn btn-lg btn-primary" value="Group">
</div>
</div>
添加
用户名
电子邮件ID
手机号码
名称
电子邮件地址
可移动的
试试这样的方法
名称
电子邮件地址
可移动的
您使用span类作为输入字段,请使用“中输入”、“大输入”或“输入”xlarge@SridharR谢谢你的回复。我按照你说的做了。如果我使用大输入,那么它可以在大屏幕上工作,但是如果我减小浏览器的大小,那么输入字段就会从div中出来。让@SridharR这样的结构保持不变,在大屏幕上工作而不是在小屏幕上工作
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" >Name</label>
<div class="controls">
<input type="text" id="fields" class="span4" placeholder="Your full Name" name="username" required />
</div>
</div>
<div class="control-group">
<label class="control-label" >Email Address</label>
<div class="controls">
<input type="email" id="fields1" class="span4" placeholder="Your email address" name="email" required />
</div>
</div>
<div class="control-group">
<label class="control-label" >Mobile</label>
<div class="controls">
<input type="tel" id="fields2" class="span4" placeholder="+756762462182" name="mobile" maxLength="13" required />
</div>
</div>
<div class="control-group">
<input type="button" id="btn1" class="btn btn-lg btn-primary" value="Add">
<input type="button" id="btn2" class="btn btn-lg btn-primary" value="Group">
</div>
</form>