javascript - 关闭(忽略)html 文本/搜索元素中的占位符属性

Question

如果可能，我希望能够从我的搜索框中打开/关闭占位符。

 <input type="text" placeholder="Enter name" />
 <input type="search" placeholder="Type to search" />

到目前为止我尝试了什么:

input[type="search"]::-webkit-input-placeholder{
   content: "";
   color:red; /*test selector*/
}

JSFiddle http://jsfiddle.net/cqocxhzt/1/

Answer 1

使用 Angular 执行此操作的一种方法是:

在 Controller 中:

$scope.placeholder_value1 = ""; //empty
$scope.placeholder_value2 = "some value"; //some value

在 View 中:

<input type="text" placeholder="{{placeholder_value1}}" />
<input type="text" placeholder="{{placeholder_value2}}" />