在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

一种方法是：

在控制器：

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

In the view：

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