HTML输入文本框非常小

时间:2016-07-23 22:48:36

标签: html css

我正在编写这个小定价脚本,我希望用户能够在HTML文本输入框中输入数字值。 您可以在此处查看此脚本:https://www.counterboosting.com/input-box-problem/ 在“选择胜利数”和“价格: - ”下,您可以看到一个小白框。

这是方框的代码:

<input type="text" id="amount" value="1"  size="100"> 

无论我输入什么尺寸,它总是显得那么小。请注意,此框可在小型浏览器尺寸(如手机或平板电脑)上正确显示,或者如果您减小浏览器宽度。当您增加浏览器宽度时,它会重新捕捉到类似的小形式。有谁知道问题的根源?

2 个答案:

答案 0 :(得分:1)

您在引导行内部有此输入,该行位于另一行内。尝试使列更大。

<div class="col-md-offset-5 col-md-5">

答案 1 :(得分:0)

有两种方法可以做到这一点,一种是使用宽度而不是百分比大小。     <input type="text" id="amount" value="1" width="80%"> 这将相对于定义输入的div或span设置宽度。 或者,您可以使用1行定义textarea并增加列数以增加宽度     <textarea rows="1" cols="40" id="amount" name="amount" value="1"></textarea>