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

  • ముందు పేజీ <footer>
  • తరువాత పేజీ <frame>

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

<form> యూజర్ ఇన్‌పుట్ అనుసంధానించడానికి హెచ్‌టిఎమ్ఎల్ ఫారమ్ లేబుల్‌స్ ఉపయోగిస్తారు.

<form> ఏమైనా ఒకటి లేదా అనేక ఫారమ్ ఎలిమెంట్స్ కలిగిన అంశం సహించవచ్చు:

మరింత చూడండి:

HTML టూర్ లార్డ్:HTML ఫారమ్‌స్ మరియు ఇన్‌పుట్‌స్

HTML DOM రెఫరెన్స్ మాన్యువల్:ఫారమ్ ఆబ్జెక్ట్

CSS టూర్ లార్డ్: ఫారమ్ స్టైల్‌స్ అమర్చుకోవడం

ఉదాహరణ

ఉదాహరణ 1

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

<form action="/action_page.php" method="get">
  <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>

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

ఉదాహరణ 2

చెక్‌బాక్స్ సహించిన హెచ్‌టిఎమ్ఎల్ ఫారమ్‌:

<form action="/action_page.php" method="get">
  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">నేను ఒక సైకిల్ను కలిగివున్నాను</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">నేను ఒక వాహనాన్ని కలిగివున్నాను</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">నేను ఒక నౌకను కలిగివున్నాను</label><br><br>
  <input type="submit" value="సమర్పించు">
</form>

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

ఉదాహరణ 3

రేడియో బటన్లు కలిగిన హెచ్టిఎమ్ఎల్ ఫార్మ్:

<form action="/action_page.php" method="get">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">జావాస్క్రిప్ట్</label><br><br>
  <input type="submit" value="సమర్పించు">
</form>

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

అట్రిబ్యూట్

అట్రిబ్యూట్ విలువ వివరణ
accept-charset అక్షరసమాంతరం ఫార్మ్ సమర్పించినప్పుడు ఉపయోగించాల్సిన అక్షర సమాంతరాన్ని నిర్ణయిస్తుంది
action URL ఫార్మ్ సమర్పించినప్పుడు ఫార్మ్ డాటాను పంపించే స్థానాన్ని నిర్ణయిస్తుంది
autocomplete
  • on
  • off
 ఫార్మ్ ను ఆటోకమ్ప్లెట్ ఫంక్షన్ను ఉపయోగించాలా లేదా కాదు నిర్ణయిస్తుంది
enctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 ఫార్మ్ డాటాను సర్వర్కు పంపించటానికి ఎలా కోడింగ్ చేయాలో నిర్ణయిస్తుంది
method
  • get
  • post
 ఫార్మ్ డాటాను పంపించటానికి ఉపయోగించే హెచ్చి ఎమ్ పి థాడ్ పద్ధతిని నిర్ణయిస్తుంది
name టెక్స్ట్ ఫార్మ్ యొక్క పేరును నిర్ణయిస్తుంది
novalidate novalidate ఫార్మ్ సమర్పించినప్పుడు ఫార్మ్ ని పరిశీలించకుండా నిర్ణయిస్తుంది
rel
  • external
  • help
  • license
  • next
  • nofollow
  • noopener
  • noreferrer
  • opener
  • prev
  • search
 లింక్ సోర్స్ మరియు ప్రస్తుత డాక్యుమెంట్ మధ్య సంబంధాన్ని నిర్ణయిస్తుంది
target
  • _blank
  • _self
  • _parent
  • _top
 సమర్పించబడిన ఫార్మ్ తర్వాత అందుబాటులోకి వచ్చిన ప్రతిస్పందనను ఎక్కడ చూపించాలో నిర్ణయిస్తుంది

గ్లౌబల్ అట్రిబ్యూట్

<form> టాగ్ మరియు సపొర్ట్ చేస్తుంది హెచ్టిఎమ్ఎల్ లో గ్లౌబల్ అట్రిబ్యూట్。

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

<form> టాగ్ మరియు సపొర్ట్ చేస్తుంది హెచ్టిఎమ్ఎల్ లో ఇవెంట్ అట్రిబ్యూట్。

డిఫాల్ట్ CSS సెట్టింగ్స్

అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ వివరణలను ఉపయోగిస్తాయి <form> కాలిపీలు:

form {
  display: block;
  margin-top: 0em;
}

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

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

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు
  • ముందు పేజీ <footer>
  • తరువాత పేజీ <frame>