javascript - HTML 输入字段宽度(与 JavaScript 相关)

标签 javascript html

我想制作一个最小宽度为 25px 且每个输入字符的宽度为 10px 的输入字段。因此,在第二个之后输入的每个字符都会增加输入字段的宽度。最后,当字符被删除时,输入字段应该变小。

我只需要知道如何解决基于输入字符的可变宽度。有什么建议吗?

谢谢!

最佳答案

这是微不足道的。

<input type="text" style="width: 25px;"
               onKeyUp="this.style.width = Math.max(25,this.value.length*10)+'px';" />

关于javascript - HTML 输入字段宽度(与 JavaScript 相关),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8046665/

相关文章:

javascript - 递归添加点击事件处理程序

html - 无法更改选项卡的高度,Angular 6 中的颜色

html - CSS 边框解决方法

javascript - 在 Mongoose 中对子文档进行排序

javascript - 我应该避免在代码中使用非拉丁字符吗?

Javascript 初学者遇到简单弹出窗口问题

javascript - 单选按钮不适用于 UiBootstrap

javascript - 无法从 JS 函数访问组合日期

javascript - 无法使用 removeChild 从 html 正文中删除元素

javascript - 如何逐行获取二维网格中黑色单元格的数量?