Доступные для поиска заполнители во входных элементах в Chrome для iOS

Question

Есть ли способ разрешить пользователю искать текст заполнителя с помощью функции браузера «найти на странице»?

Я понимаю, что могу просто добавить элементы с нулевой высотой, содержащие текст заполнителя, но это похоже на хакерское решение. Возможно, что-то использует псевдоклассы CSS?

редактировать: Я должен упомянуть, насколько это только вопрос о Chrome для прошивки (10.0.2)

кода очень просто:

<input type="text" placeholder="First Name">

Вот скриншот Chrome :

Это то, что я получаю, когда я ищу 'первый'

Answer 1

input { 
 
    font-size: 1.5rem; 
 
    margin: 10px; 
 
    padding: 10px; 
 
    width: 65%; 
 
} 
 
input:placeholder-shown { 
 
    border: 5px solid red; 
 
}

<form> 
 
    
 
    <input type="text" placeholder="Placeholder text" value="Currently has a value (not showing placeholder)."> 
 
    
 
    <input type="text" placeholder="Currently has no value (showing placeholder)."> 
 
    
 
</form>