如何根據寬度更改文本字段的佔位符？

Question

說我有一個搜索字段與width: 50%;的HTML。

HTML：

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

CSS：

.search {width: 50%;} 

當.search足夠寬，讓我們說寬度大於200像素，我想佔位符文本是 「搜索什麼......」。但是當寬度變得太小而不能包含全文時，比方說比200px更窄，我希望佔位符文本只是「搜索」。

我可以使用視口來更改CSS，但我如何使佔位符文本響應？

Answer 1

您可以使用不同的佔位符的文本框，並只顯示您需要的文本框。