javascript - 根据字符大小指定输入字段宽度

标签 javascript jquery html css

我正在尝试设置输入字段以确保用户可以看到输入字段的总长度。

例如

<input size='60' type='text'/>

我希望用户一次看到总共 60 个字符,而不是看到总长度被 chop 到 50 左右。

我无法指定输入字段的宽度,因为无法知道宽度是多少(可以是短的也可以是长的,而且它是动态的)。

http://jsfiddle.net/j2KrZ/4/

谁能知道如何做到这一点?谢谢!

最佳答案

如果您使用 Monospaced font(每个字符的固定宽度),输入框宽度最多应准确容纳 60 个字符。在 IE10、Firefox 22 和 Chrome 30.0.1599.69 中测试

用于解决此问题的等宽字体示例:

<input size='60' maxlength='60' style="font-family: 'Courier New', Courier, monospace;" type='text' value='123456789012345678901234567890123456789012345678901234567890'/>

关于javascript - 根据字符大小指定输入字段宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19458906/

相关文章:

jquery - 无法禁用 bootstrap-3 响应能力

javascript - 如果在 qml 中的其他地方定义了数字动画属性,则对象不会动画

css - 将 2 个框对齐,其中一个框的位置为 : fixed;

JavaScript 最佳实践原型(prototype)

javascript - window.location.href 不重定向

javascript - 如何使用 Knockout 使列值只出现一次?

PHP 文件未从 HTML 网站检索值

javascript - jQuery Mobile 对话框立即关闭

javascript - 使 jqGrid 多选选择在分页、工具栏搜索或过滤器之后持续存在

javascript - 如何在 div 中加载页面?