Search results
Definition and Usage. The placeholder attribute specifies a short hint that describes the expected value of an input field or a textarea. The short hint is displayed in the field before the user enters a value.
Le pseudo-élément ::placeholder représente le texte de substitution pour un élément <input> ou <textarea>. Cela permet aux développeurs web de personnaliser l'apparence de ce texte. Seul un sous-ensemble des propriétés CSS peut être utilisé avec un sélecteur respectant ce pseudo-élément : text-shadow, text-decoration, text ...
Feb 8, 2023 · Example 2. In this example, the style of the placeholder text depends on the state of the input. Initially, the placeholder text will be royal blue. When the input is hovered, the placeholder text will be orange-red and uppercase. When the input is focused, the placeholder text becomes invisible. Preview:
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
Browsers with HTML support for placeholder but without CSS support for that (like Opera) should be tested too. Placeholders are no replacement for labels, so make sure you have a label, too; Some browsers use additional default CSS for some input types (email, search). These might affect the rendering in unexpected ways.
El pseudo-elemento CSS ::placeholder representa el texto provisional en un elemento <input> o un elemento <textarea>. Solo el subconjuto de las propiedades CSS que aplican al pseudo-elemento ::first-line puede ser usado en una regla utilizando ::placeholder en su selector. Nota: En la mayoría de navegadores, la apariencia del texto provisional ...
Reusable placeholder text class. If you don’t want to style all your <input> element placeholder text the same way, as the code above does (by targetting the input element directly), you can use a class: .custom-input-placeholder::placeholder { color: red; } And add that to any input element that you want:
