జూనీక్రోమ్ మొబైల్ ఫారమ్

జూనీక్రోమ్ మొబైల్ స్వయంచాలకంగా జిఎచ్టిఎంఎల్ ఫారమ్స్కు సులభంగా టచ్ అనుకూలమైన ప్రక్రియను జోడిస్తుంది.

జూనీక్రోమ్ మొబైల్ ఫారమ్ నిర్మాణం

జూనీక్రోమ్ మొబైల్ సిఎస్ఎస్ ఉపయోగిస్తుంది జిఎచ్టిఎంఎల్ ఫారమ్ అంశాల శైలిని అమర్చడానికి, దానిని ఆకర్షణీయమైనదిగా మరియు ఉపయోగకరమైనదిగా చేస్తుంది.

జూనీక్రోమ్ మొబైల్లో, ఈ ఫారమ్ కంట్రోల్స్ ఉపయోగించవచ్చు:

  • టెక్స్ట్ బాక్స్
  • సెార్చ్ బాక్స్
  • రేడియో బాక్స్
  • చెక్ బాక్స్
  • ఎంపిక మెనూ
  • స్క్రాల్ బార్
  • పుల్లాట్ స్విచ్

మీరు జూనీక్రోమ్ మొబైల్ ఫారమ్స్ తో పరిశ్రమించండి చేస్తే, ఈ సమాచారాన్ని తెలుసుకోండి:

  • <form> అంశానికి method మరియు action అంశాలను అమర్చాలి
  • ప్రతి ఫారమ్ ఎలమెంట్కు వ్యక్తిగతమైన "id" అంశాన్ని అమర్చాలి. ఈ id సైట్ పేజీలో ఏకైకమైనది ఉండాలి. ఇది జూనీక్రోమ్ మొబైల్ సింగిల్ పేజీ నేవిగేషన్ మోడల్ అనేది అనేక వివిధ "పేజీలను" ఉపసంహరించుటకు అనుమతిస్తుంది కారణంగా ఉంది.
  • ప్రతి ఫార్మ్ అంశంకు ఒక లేబుల్ ఉండాలి. లేబుల్‌యొక్క for అంశాన్ని అంశం యొక్క id తో సరిపోల్చండి.

ప్రామాణిక

<form method="post" action="demoform.asp">
  <label for="fname">First name:</label>
  <input type="text" name="fname" id="fname">
</form>

亲自试一试

లేబుల్‌ని దాచడానికి class="ui-hidden-accessible" వాడండి. ఇది చాలా ఉపయోగించబడుతుంది, మీరు అంశం యొక్క placeholder అంశాన్ని లేబుల్‌గా చేయడానికి అవసరమైనప్పుడు:

ప్రామాణిక

<form method="post" action="demoform.asp">
  <label for="fname" class="ui-hidden-accessible">పేరు：</label>
  <input type="text" name="fname" id="fname" placeholder="పేరు...">
</form>

亲自试一试

ఫీల్డ్ కంటైనర్

లేబుల్‌ను మరియు ఫార్మ్ అంశాలను వెడల్పు ప్రదర్శనలో సరిగ్గా చూపించడానికి data-role="fieldcontain" అంశం కలిగిన <div> లేదా <fieldset> అంశాన్ని లేబుల్ లేదా ఫార్మ్ అంశాలను ప్యాకేజీ చేయండి:

ప్రామాణిక

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="fname">First name:</label>
    <input type="text" name="fname" id="fname">
    <label for="lname">Last name:</label>
    <input type="text" name="lname" id="lname">
  </div>
</form>

亲自试一试

提示：fieldcontain అంశం పేజీ వెడల్పును ఆధారంగా లేబుల్‌ను మరియు ఫార్మ్ కంట్రోల్స్ యొక్క స్టైల్‌స్‌ను సెట్‌చేస్తుంది. పేజీ వెడల్పు 480px కంటే ఎక్కువ ఉన్నప్పుడు, ఇది స్వయంచాలకంగా లేబుల్‌ను మరియు ఫార్మ్ కంట్రోల్స్‌ను ఒకే పంక్తిలో చేర్చుతుంది. కంటే తక్కువ ఉన్నప్పుడు, లేబుల్ ఫార్మ్ కంట్రోల్‌పైన ఉంచబడుతుంది.

提示：జీనా మొబైల్ స్వయంచాలకంగా క్లిక్‌యాబల్ అంశాలకు స్టైల్‌స్‌ను సెట్‌చేయడాన్ని నిరోధించడానికి data-role="none" అంశాన్ని వాడండి:

ప్రామాణిక

<label for="fname">First name:</label>
data-role="none">

亲自试一试

在 jQuery Mobile 中提交表单

提示：jQuery Mobile 会自动通过 AJAX 进行表单提交，并会尝试将服务器响应整合入应用程序的 DOM 中。