jQuery Mobile ఫారమ్ ఇన్పుట్ ఎలమెంట్స్

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="fullname">పూర్తి పేరు:</label>
    <input type="text" name="fullname" id="fullname">
    <label for="bday">జనన తేదీ:</label>
    <input type="date" name="bday" id="bday">
    <label for="email">ఇమెయిల్:</label>
    <input type="email" name="email" id="email" placeholder="మీ ఇమెయిల్ చిరునామా..">
  

<input placeholder="sometext">

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="info">Additional Information:</label>
    <textarea name="addinfo" id="info"></textarea>
  

亲自试一试

శోధన ఫీల్డ్

టైప్ ఆఫ్ ఇన్పుట్ type="search" అనేది HTML5 లో కొత్త టైప్, ఇది శోధన పదాన్ని సమకూర్చే టెక్స్ట్ ఫీల్డ్ నిర్వచిస్తుంది:

实例

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="search">Search:</label>
    <input type="search" name="search" id="search">
  

సింగిల్ రేడియో బటన్

వినియోగదారుడు కొన్ని ఎంపికలలో ఒకటినే ఎంచుకున్నప్పుడు, సింగిల్ రేడియో బటన్స్ వాడబడతాయి.

మీరు ఒక సింగిల్ రేడియో బటన్ సృష్టించడానికి, type="radio" కలిగిన input ఎలమెంట్ మరియు అది సంబంధించిన label చేర్చండి. సింగిల్ రేడియో బటన్స్ ను fieldset ఎలమెంట్ లోపల ప్యాక్ చేయండి. మీరు కూడా fieldset యొక్క శీర్షికను నిర్వచించడానికి <legend> ఎలమెంట్ జోడించవచ్చు.

సూచన:ఈ బటన్లను కలపడానికి data-role="controlgroup" అంశాన్ని వాడండి:

实例

<form method="post" action="demoform.asp">
  <fieldset data-role="controlgroup">
    <legend>ఎంచుకొని మీ లింగాన్ని:</legend>
      <label for="male">పురుషుడు</label>
      <input type="radio" name="gender" id="male" value="male">
      <label for="female">మహిళ</label>
      <input type="radio" name="gender" id="female" value="female"> 
  
</form>

亲自试一试

చెక్ బాక్స్

వినియోగదారు పరిమిత ఎంపికలలో ఒకటి లేదా ఒకందరిని ఎంచుకున్నప్పుడు చెక్ బాక్స్ ఉపయోగించబడుతుంది:

实例

<form method="post" action="demoform.asp">
  <fieldset data-role="controlgroup">
    <legend>మీకు ఇష్టమైన రంగులను ఎన్నుకొనండి:</legend>
      <label for="red">ఎరుపు</label>
      <input type="checkbox" name="favcolor" id="red" value="red">
      <label for="green">హరితం</label>
      <input type="checkbox" name="favcolor" id="green" value="green">
      <label for="blue">నీలం</label>
      <input type="checkbox" name="favcolor" id="blue" value="blue"> 
  
</form>

亲自试一试

మరిన్ని ఉదాహరణలు

ఒకటి లేదా ఒకందరిని స్థిరపరచడానికి క్రింది లోపాంతరాన్ని ఉపయోగించండి data-type="horizontal" అంశం ను వాడండి:

实例

<fieldset data-role="controlgroup" data-type="horizontal">

亲自试一试

మీరు కూడా <fieldset> ను రంగం కంటైనర్ ద్వారా ప్యాక్ చేయవచ్చు:

实例

<div data-role="fieldcontain">
  <fieldset data-role="controlgroup">
    <legend>ఎంచుకొని మీ లింగాన్ని:</legend>
  

• 上一页 జెక్కీమ్బుల్ ఫారమ్ బేసిక్
• 下一页 జెక్కీమ్బుల్ ఫారమ్ సెలెక్షన్

CodeW3C.com అందించిన కంటెంట్ ప్రశిక్షణ మరియు పరీక్షలకు ఉపయోగపడుతుంది, కంటెంట్ యొక్క నిజాయితీని హామీ ఇవ్వబడలేదు. ఈ సైట్ కంటెంట్ ఉపయోగించడం ద్వారా ఉండే అపాయాలు ఈ సైట్ తో సంబంధం లేదు. అధికారిక రక్షణకు అధికారిక రక్షణ కావచ్చు. అధికారిక ఆధారాలు అధికారిక రక్షణకు అధికారిక రక్షణ కావచ్చు.

ఉపయోగ నిబంధనలు గోప్యతా నిబంధనలు