హెచ్టిఎంఎల్ <input> టాగ్

  • ముంది పేజీ <img>
  • తరువాతి పేజీ <ins>

నిర్వచనం మరియు ఉపయోగం

<input> టాగ్ టాగ్ అంశం నిర్వచిస్తుంది, లో ఉపయోగదారుడు డాటా ప్రవేశించవచ్చు

<input> అంశం అత్యంత ముఖ్యమైన ఫారమ్ అంశం

<input> అంశం పలు విధాలుగా ప్రదర్శించబడవచ్చు, కానీ దాని నిర్ణయించబడుతుంది ప్రత్యేకించి టైప్ అంశం.

వివిధ ఇన్‌పుట్ టైప్స్ ఇక్కడ ఉన్నాయి:

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">డిఫాల్ట్ విలువ
  • <input type="time">
  • <input type="url">
  • <input type="week">

చూడండి టైప్ అంశందానిని చూసుకోండి, ప్రతి ట్రైట్ టైప్ ఇన్‌స్టాన్స్‌ని విచారించండి!

ఉదాహరణ

మూడు ఇన్‌పుట్ ఫీల్డ్స్ కలిగిన హెచ్ఎంఎల్ ఫారమ్; రెండు టెక్స్ట్ ఫీల్డ్స్ మరియు సబ్మిట్ బటన్ ఉన్నాయి:

<form action="/action_page.php">
  <label for="fname">పేరు：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">జాతిపునిముద్రలు：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="సబ్మిట్">
</form>

స్వయంగా ప్రయత్నించండి

సూచనలు మరియు పరిశీలనలు

సూచన:ఎల్లప్పుడూ <label> టాగ్ ను క్రింది ఎలిమెంట్స్ కోసం నిర్వచించండి:

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

అట్రిబ్యూట్

అట్రిబ్యూట్ విలువ వివరణ
accept
  • ఫైల్ ఎక్స్టెన్షన్
  • audio/*
  • video/*
  • image/*
  • మీడియా రకం

ఫైల్ అప్లోడ్ ద్వారా సబ్మిట్ చేయబడే ఫైల్ రకాన్ని నిర్ధారిస్తుంది.

యూజర్స్ ఫైల్ ఇన్‌పుట్ డైలాగ్ నుండి ఎంచుకోవచ్చు ఫైల్ రకాలను నిర్ధారిస్తుంది (type="file" కోసం మాత్రమే ఉపయోగిస్తారు).
alt టెక్స్ట్ చిత్రం ప్రత్యామ్నాయ టెక్స్ట్ నిర్ధారిస్తుంది (type="image" కోసం మాత్రమే ఉపయోగిస్తారు).
autocomplete
  • on
  • off
 ఐన్‌పుట్ ఎలిమెంట్స్ ను ఆటోకమ్ప్లెట్ చేయాలి అని నిర్ధారిస్తుంది.
autofocus autofocus పేజీ లోడ్ అయినప్పుడు ఐన్‌పుట్ ఎలిమెంట్స్ ను ఆటోమేటిక్ ఫోకస్ చేయాలి.
checked checked పేజీ లోడ్ అయినప్పుడు ప్రియరీ సెలెక్ట్ చేయాలి ఐన్‌పుట్ ఎలిమెంట్ ను నిర్ధారిస్తుంది (type="checkbox" లేదా type="radio" కోసం ఉపయోగిస్తారు).
dirname inputname.dir సబ్మిట్ చేయబడే టెక్స్ట్ దిశను నిర్ధారిస్తుంది.
disabled disabled ఫారమ్ లోని ఐన్‌పుట్ ఎలిమెంట్స్ ను అచేతనం చేయాలి.
form ఫారమ్ ఐడి ఐన్‌పుట్ ఎలిమెంట్ చెందిన ఫారమ్ నిర్ధారిస్తుంది.
formaction URL ప్రత్యేకంగా ఫారమ్ సబ్మిట్ చేయడం కోసం ఇన్‌పుట్ కంట్రోల్స్ ఫైల్ యూఆర్ఎల్ చేయాలి (type="submit" మరియు type="image" కోసం ఉపయోగిస్తారు).
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 规定将表单数据提交到服务器时应如何对其进行编码（适用于 type="submit" 和 type="image"）。
పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
 పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ 		పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ పిక్సెల్స్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • నంబర్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
 పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ నంబర్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • నంబర్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
 పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ నంబర్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ టెక్స్ట్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ టెక్స్ట్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్ పోపోవర్ట్ టార్గెట్ ఏక్షన్
పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
  • పోపోవర్ట్ టార్గెట్ ఏక్షన్
 పోపోవర్ట్ టార్గెట్ ఏక్షన్ నిర్ధారించు (type="button"కు మాత్రమే ఉపయోగపడుతుంది).
hide hide show
toggle toggle ప్రవేశం పెట్టుకునే పెట్టుబడులు అనుచర్యలు నిర్ధారించు (type="button"కు మాత్రమే ఉపయోగపడుతుంది).
size నంబర్ ప్రవేశం పెట్టుకునే పెట్టుబడులు నిర్ధారించు (చివరికి ప్రసమర్పించడానికి ముందు పూర్తి చేయబడాలి).
src URL సమర్పించడానికి ఉపయోగించే చిత్రం యూఆర్ఎల్ను నిర్ధారించు (type="image"కు మాత్రమే ఉపయోగపడుతుంది).
స్టేప్
  • నంబర్
  • ఏదైనా
 ఇన్‌పుట్ ఫీల్డ్స్ లో అనుమతించబడిన నంబర్ల మధ్య అంతరాన్ని నిర్ణయిస్తుంది.
టైప్
  • బటన్
  • చెక్బాక్స్
  • కలర్
  • డేటే
  • డేటేటైమ్ లోకల్
  • ఇమెయిల్
  • ఫైల్
  • హిడెన్
  • ఇమేజ్
  • మాన్థ్
  • నంబర్
  • పాస్వర్డ్
  • రేడియో
  • రేంజ్
  • రీసెట్
  • సెచ్
  • సబ్మిట్
  • టెల్
  • టెక్స్ట్
  • టైమ్
  • యూఆర్ఎల్
  • వీక్
 ప్రదర్శించాల్సిన <input> ఎలిమెంట్ రకాన్ని నిర్ణయిస్తుంది.
వాల్యూ టెక్స్ట్ రకంలో వాల్యూను నిర్ణయిస్తుంది.
వెడల్పు పిక్సెల్స్ రకం="image" కోసం మాత్రమే <input> ఎలిమెంట్ వెడల్పును నిర్ణయిస్తుంది.

గ్లోబల్ అట్రిబ్యూట్స్

<input> టాగ్ యాదృచ్ఛికంగా మద్దతు ఇస్తుంది HTML లో గ్లోబల్ అట్రిబ్యూట్స్.

ఇవెంట్ అట్రిబ్యూట్స్

<input> టాగ్ యాదృచ్ఛికంగా మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్స్.

అప్రమేయ సిఎస్ఎస్ సెట్టింగ్స్

ఉండదు.

బ్రౌజర్ మద్దతు

చ్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్‌ఫాక్స్ సఫారీ ఓపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు

సంబంధిత పేజీలు

HTML పాఠ్యక్రమం:

HTML DOM సంక్షిప్త పత్రం:

  • ముంది పేజీ <img>
  • తరువాతి పేజీ <ins>