css - 如何设置输入宽度以匹配占位符文本宽度

标签 css html placeholder

示例 http://dabblet.com/gist/5859946

如果您有一个长占位符,默认情况下输入显示的宽度不足以显示所有占位符文本。

例如

<input placeholder="Please enter your name, address and shoe size">

不设置固定宽度,最好不用javascript,能不能设置input显示所有的placeholder文本?

最佳答案

这只能通过 javascript 设置大小 = 占位符长度来完成:

input.setAttribute('size',input.getAttribute('placeholder').length);

这是一个为所有输入分配的代码: http://jsfiddle.net/KU5kN/

关于css - 如何设置输入宽度以匹配占位符文本宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17302794/

相关文章:

html - 用于确定元素布局(高度/宽度/位置)的工具/插件/JS

javascript - 代码美化器和格式化器

styles - 剑道 UI - 占位符 - 样式

css - Bootstrap 4 表单输入,带有用于验证的图标

javascript - HTML localStorage CSS 问题?

javascript - 复选框垂直对齐错误 : label is down and the check box is up

html - 如何为每个 select2 选项使用不同的颜色?

html - WP 小部件中的 &lt;style&gt; 标签问题

css - 输入不同颜色星号的占位符?

html - 如何让占位符文本缩小以适合其文本输入元素并显示其全部值?