HTML 输入文本框非常小

标签 html css

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

这是盒子的代码:

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

无论我输入什么尺寸,它总是显示那样小。请注意,该框会在手机或平板电脑等较小的浏览器上正确显示,或者如果您减小浏览器宽度。当您增加浏览器宽度时,它会迅速变回像那样的小形式。有谁知道问题的根源?

最佳答案

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

关于HTML 输入文本框非常小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38547066/

相关文章:

html - 图片未填入表格

html - 宽度为 % 的 div 中的 Css sprite?

javascript - 如何使用 jquery 更改基于 th 的 td 元素的背景颜色

html - 多页网站的CSS工作流程

javascript - 如何更改 Bootstrap 多选下拉菜单的高度和字体大小?

css - 在CSS网格中,对网格列使用1值意味着什么?

css - 我的自适应视频 div 有问题

html - 使用 980px 的 Twitter Bootstrap

html - 如何使用 CSS 渐变创建这样的 "shiny"效果?

html - Flask-Jinja2 FOR 语句不打印假定值