HTML <input> ప్లేస్‌హోల్డర్ అంశం
నిర్వచనం మరియు వినియోగం
placeholder ఈ అంశం ఒక చిన్న సూచనను నిర్వచిస్తుంది మరియు ఇన్‌పుట్ ఫీల్డ్ అందుకు ఆశించే విలువను వివరిస్తుంది (ఉదాహరణకు ప్రామాణిక విలువలు లేదా ఆశించే ఫార్మాట్ యొక్క సంక్షిప్త వివరణ).
ఈ సూచన ఇన్‌పుట్ ఫీల్డ్ ఖాళీగా ఉన్నప్పుడు చూపబడుతుంది మరియు ఫీల్డ్ ఫోకస్ పొందినప్పుడు అది అదృశ్యం కాగలదు.
గమనిక:placeholder ఈ అంశం వినియోగించబడుతుంది క్రింది ఇన్‌పుట్ రకాలకు:
- text
- సెచ్
- యూఆర్ఎల్
- టెల్
- ఇమెయిల్
- పాస్‌వర్డ్
ప్రామాణిక రూపం
తెలుగు ప్లేస్‌హోల్డర్ టెక్స్ట్ కలిగిన ఫోన్ ఇన్‌పుట్ ఫీల్డ్స్:
<form action="/action_page.php">
<label for="phone">తెలియజేయండి ఫోన్ నంబర్:</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>ఫార్మాట్: 138-8888-8888</small><br><br>
<input type="submit">
</form>
సింతాక్స్
<input placeholder="text">
అంశపు విలువ
| విలువ | వివరణ |
|---|---|
| text | ఇన్‌పుట్ ఫీల్డ్ ప్రత్యాశించే విలువను స్వల్ప సూచనగా పేర్కొంటుంది. |
బ్రౌజర్ మద్దతు
ఈ పట్టికలో పేర్కొన్న సంఖ్యలు ఈ అంశాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను పేర్కొంటాయి.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
| 10.0 | 10.0 | 4.0 | 5.0 | 11.0 |
పేర్కొనుట:placeholder అంశం అనేది HTML5 లో కొత్త అంశం.
