HTML <input> yer tutucu özelliği
Tanım ve Kullanım
placeholder Özellik, giriş alanının beklenen değerini tanımlayan kısa bir uyarı içerir (örneğin, örnek değer veya beklenen formatta kısa bir açıklama).
Bu uyarı, giriş alanı boşken görüntülenir ve alan odaklandığında kaybolur.
Dikkat:placeholder Özellik, aşağıdaki giriş türlerine uygulanır:
- text
- arama
- url
- tel
- e-posta
- şifre
Örnek
Telefon giriş alanı için yer tutucu metin içeren:
<form action="/action_page.php">
<label for="phone">Lütfen telefon numaranızı girin:</label><br><br>
<input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
<small>Format: 138-8888-8888</small><br><br>
<input type="submit">
</form>
Sözdizimi
<input placeholder="text">
Özellik Değeri
| Değer | Açıklama |
|---|---|
| text | Girdi alanının beklenen değerini kısa bir ipucu olarak tanımlar. |
Tarayıcı Desteği
Tabloda numaralar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
Açıklama:placeholder Özellikler HTML5'teki yeni özelliklerdir.
