హెచ్‌ఎంఎల్ <input> ప్యాట్రన్ అట్రిబ్యూట్
నిర్వచనం మరియు ఉపయోగం
ప్యాటర్న్ అట్రిబ్యూట్ రెగ్యులర్ ఎక్స్‌ప్రెషన్ను నిర్వచిస్తుంది, ఫారమ్ సమర్పించటం వద్ద ఐన్‌పుట్ ఎలిమెంట్ విలువను ఈ రెగ్యులర్ ఎక్స్ప్రెషన్ ప్రకారం పరిశీలిస్తుంది.
మెరుగుదల:ప్యాటర్న్ ఈ అట్రిబ్యూట్ దిగువ ఇన్‌పుట్ టైప్స్ కు వర్తిస్తుంది:
- టెక్స్ట్
- డేట్
- సెచ్
- యూఆర్ఎల్
- టెల్
- ఇమెయిల్
- పాస్వర్డ్
సూచన:ఉపయోగించండి సర్వతోముఖంగా టైటిల్ అట్రిబ్యూట్ ఈ మోడెల్ను వినియోగదారులకు అర్థం చేసే విధంగా వివరించండి.
సూచన:మా JavaScript శిక్షణ పాఠ్యక్రమం రెగ్యులర్ ఎక్స్‌ప్రెషన్స్ గురించి మరింత తెలుసుకోండి మా కోర్సుల్లో.
ప్రామాణిక
ఉదాహరణ 1
ఒక ఇన్‌పుట్ ఫీల్డ్ కలిగిన హెచ్‌ఎంఎల్ ఫారమ్ ఉంది, దానిలో కేవలం మూడు అక్షరాలు ఉండాలి (సంఖ్యలు లేదా ప్రత్యేక అక్షరాలు ఉండకూడదు):
<form action="/action_page.php">
<label for="country_code">దేశ కోడ్:</label>
<input type="text" id="country_code" name="country_code"
pattern="[A-Za-z]{3}" title="మూడు అక్షరాల దేశ కోడ్"><br><br>
<input type="submit">
</form>
ఉదాహరణ 2
type అనే అంశం "password" కలిగిన <input> ఎలిమెంట్ కనీసం 8 అక్షరాలు కలిగి ఉండాలి:
<form action="/action_page.php">
<label for="pwd">పాస్వర్డ్:</label>
<input type="password" id="pwd" name="pwd"
pattern=".{8,}" title="కనీసం ఎనిమిది అక్షరాలు ఉండాలి">
<input type="submit">
</form>
ఉదాహరణ 3
type అనే అంశం "password" కలిగిన <input> ఎలిమెంట్ కనీసం 8 అక్షరాలు కలిగి ఉండాలి, అందులో కనీసం ఒక సంఖ్యను, ఒక పెద్ద అక్షరాన్ని మరియు ఒక చిన్న అక్షరాన్ని చేర్చాలి:
<form action="/action_page.php">
<label for="pwd">పాస్వర్డ్:</label>
<input type="password" id="pwd" name="pwd"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="కనీసం ఎనిమిది అక్షరాలు ఉండాలి, అందులో కనీసం ఒక సంఖ్యను, ఒక పెద్ద అక్షరాన్ని మరియు ఒక చిన్న అక్షరాన్ని చేర్చాలి">
<input type="submit">
</form>
ఉదాహరణ 4
type అనే అంశం "email" కలిగిన <input> ఎలిమెంట్ కనీసం characters@characters.domain ఆకారంలో ఉండాలి.
అక్షరాలు మరియు @ సంకేతాన్ని కలిగి ఉంటుంది, తరువాత మరిన్ని అక్షరాలు ఉంటాయి, తరువాత ఒక "." సంకేతం ఉంటుంది. "." సంకేతం తరువాత, కనీసం రెండు అక్షరాలను జోడించండి a నుండి z వరకు:
<form action="/action_page.php">
<label for="email">ఇమెయిల్:</label>
<input type="email" id="email" name="email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
<input type="submit">
</form>
ఉదాహరణ 5
type అనే అంశం "search" కలిగిన <input> ఎలిమెంట్ లో క్రింది అక్షరాలను చేర్చకూడదు: ' లేదా " .
<form action="/action_page.php"> <label for="search">శోధించు:</label> <input type="search" id="search" name="search" pattern="[^'\x22]+" title="అసలు ప్రవేశం ఉండదు"> <input type="submit"> </form>
ఉదాహరణ 6
ఇది type అనే అంశం "url" కలిగిన <input> ఎలిమెంట్ ఉంది, http:// లేదా https:// మొదలుగా ఉండవలసినది, తరువాత కనీసం ఒక అక్షరం తరువాత ఉంటుంది:
<form action="/action_page.php"> <label for="website">హోమ్పేజ్:</label> <input type="url" id="website" name="website" pattern="https?://.+" title="కలిగించబడిన http://" <input type="submit"> </form>
సింథెక్సిస్
<input pattern="regexp">
అటీబ్యూట్ విలువ
| విలువ | వివరణ |
|---|---|
| regexp | <input> ఎలిమెంట్ విలువను పరిశీలించే ప్రధానమైన రెగ్యులర్ ఎక్స్ప్రెషన్ ని నిర్వచిస్తుంది. |
బ్రౌజర్ మద్దతు
ఈ పట్టికలో పేర్కొన్న సంఖ్యలు ఈ అటీబ్యూట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను పేర్కొంటాయి.
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| 5.0 | 10.0 | 4.0 | 10.1 | 9.6 |
పేర్కొనుటలు:ప్యాటర్న్ అటీబ్యూట్ అనేది HTML5 లో కొత్త అటీబ్యూట్ ఉంది.
