jQuery Mobile 表单

jQuery Mobile 会自动为 HTML 表单添加优异的便于触控的外观。

jQuery Mobile 表单结构

jQuery Mobile 使用 CSS 来设置 HTML 表单元素的样式，以使其更有吸引力更易用。

ဝက်စီ ဝက်စီ အခွက်အာရုံစိုက် အရာတွင် သင် အောက်ပါ အခွက်အာရုံစိုက် အရာများ ကို အသုံးပြု နိုင်ပါသည်

  • စကားလုံး လုပ်ငန်း
  • ရှာဖွေ လုပ်ငန်း
  • တခုတည်း လုပ်ငန်း
  • စိတ်ဝင်စား လုပ်ငန်း
  • ရွေးချယ် လုပ်ငန်း
  • တွေ့ရှိ လှိုင်း
  • ဖြိုဖျက် လှိုင်း

သင် ဝက်စီ ဝက်စီ အခွက်အာရုံစိုက် အရာကို ပြုလုပ် လျှင် အောက်ပါ အချက်အလက် ကို သိရမည်ဖြစ်သည်

  • <form> အရာကို တပ်ဆင် ခြင်း method နှင့် action အချက်အလက် ပါရှိသည်
  • အခွက် အာရုံစိုက် အရာတခုခု ကို သီးခြား "id" အချက်အလက် ကို တပ်ဆင် သင့်မည်။ အဲဒါ ကို ဝက်စီးတီ ဝက်စီ စီးပွားရေး စက်တင် ပုံစံ တွင် ပြီးခဲ့သော ဝက်စီ ဝက်စီ စီးပွားရေး စက်တင် ပုံစံ က အချက်အလက် တခုခု သီးခြား ဖြစ်ခြင်း ဖြစ်သည်။ အဲဒါကြောင့် ဝက်စီ ဝက်စီ စီးပွားရေး စက်တင် ပုံစံ က အချက်အလက် များ အပြားအပြင် တစ်ခါတစ်ရံ ပြားပြည့် ပြောင်းလဲ ပြသနိုင်ပါသည်။
  • 每个表单元素必须有一个标记（label）。请设置 label 的 for 属性来匹配元素的 id。

အမျိုး

method="post" action="demoform.asp">
  
  id="fname">

亲自试一试

如需隐藏 label，请使用类 ui-hidden-accessible。这很常用，当您需要元素的 placeholder 属性充当 label 时：

အမျိုး

亲自试一试

域容器

如果需要 label 和表单元素在宽屏幕上显示正常，请用带有 data-role="fieldcontain" 属性的

或
元素来包装 label 或表单元素：

အမျိုး


  

    <label for="fname">First name:</label>

亲自试一试

提示：fieldcontain 属性基于页面宽度来设置 label 和表单控件的样式。当页面宽度大于 480px 时，它会自动将 label 与表单控件放置于同一行。当小于 480px 时，label 会被放置于表单元素之上。

提示：jQuery Mobile က အလိုအလျော် အသုံးပြုနိုင်သော အရွိုင်းစက် အော်ချ် ကို ချို့တဲ့ အကျိုးသတ္တိ ကို အသုံးပြုပါ: data-role="none" အခြေအနေ:

အမျိုး

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

亲自试一试

在 jQuery Mobile 中提交表单

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