如何根据宽度更改文本字段的占位符？

Question

假设我有一个带有width: 50%; html的搜索字段。

HTML：

<%= text_field_tag :search, , class: "search", placeholder: "Search for anything..." %>

的CSS：

.search {width: 50%;}

当.search足够宽时，让我们说宽度大于200px，我希望占位符文本为＆＃34;搜索任何内容......＆＃34;。但是当宽度太小而无法包含全文时，让我们说比200px更窄，我希望占位符文本只是＆＃34;搜索＆＃34;。

我可以使用视口来更改CSS，但是如何让占位符文本响应？

Answer 1

您可以使用不同占位符的不同文本字段，只显示您需要的文本字段。