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

前端之家收集整理的这篇文章主要介绍了css – 如何设置输入宽度以匹配占位符文本宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
示例 http://dabblet.com/gist/5859946

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

例如

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

没有设置固定宽度,最好没有javascript,你可以设置输入来显示所有的占位符文本吗?

解决方法

这可以通过设置size = placeholder长度通过javascript来完成:
input.setAttribute('size',input.getAttribute('placeholder').length);

这是一个代码,适用于所有输入:
http://jsfiddle.net/KU5kN/

猜你在找的CSS相关文章