jQuery Mobile form input elements

jQuery Mobile text input

fieldset ທີ່ຖືກຂຽນໂດຍ element HTML ທຳມະດາ. jQuery Mobile ຈະຈັດການ style ທີ່ດີຫຼາຍ ແລະມີຄວາມສະດວກສຳລັບ device ສະໝອງ. ທ່ານກໍ່ສາມາດໃຊ້ HTML5 input type ບໍ່ບັງຄັບ:

ຕົວຢ່າງ

<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="ທີ່ຢູ່ອີເມວຂອງທ່ານ..">
</form>

ພະຍາຍາມຕົວຕົນເອງ

ຄຳແນະນຳ:ກະລຸນານໍາໃຊ້ placeholder ເພື່ອກໍານົດຄຳນຳສານທີ່ຈະນຳສວຍສານ:

<input placeholder="sometext">

fieldset

ກະລຸນານໍາໃຊ້ textarea ເພື່ອການເລືອກຄຳນຳສານຫຼາຍເປັນຄັ້ງ.

ໝາຍ:fieldset ຈະຂະຫຍາຍຕົວອອກເພື່ອພົບກັບຄຳນຳສານທີ່ທ່ານເລືອກ.

ຕົວຢ່າງ

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

ພະຍາຍາມຕົວຕົນເອງ

fieldset

input type="search" ແມ່ນປະເພດບໍ່ທຳມະດາ HTML5 ເພື່ອກໍານົດ fieldset ທີ່ຈະເປັນບາງຄຳນຳສວຍສານ:

ຕົວຢ່າງ

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

ພະຍາຍາມຕົວຕົນເອງ

radio

radio ນັ້ນຖືກໃຊ້ເມື່ອຜູ້ນຳໃຊ້ເລືອກລູກຄຳວ່າງດຽວນັ້ນ.

ສະບາຍການສ້າງຄະແນນຄຳວ່າງດຽວນັ້ນບໍ່ບັງຄັບທີ່ຈະເພີ່ມ input ປະເພດ "radio" ແລະ label ຕົກຕ້ານດຽວກັນ. ກວມ radio ພາຍໃນ element <fieldset>. ທ່ານກໍ່ສາມາດເພີ່ມ element <legend> ເພື່ອກໍານົດຫົວໜ້າ fieldset.

ຄຳແນະນຳ:ກະຈາຍ data-role="controlgroup" ເພື່ອການປະສົມກັບບັນດາກະລຸນາຍດັ່ງກ່າວ:

ຕົວຢ່າງ

<form method="post" action="demoform.asp">
  <fieldset data-role="controlgroup">
    <legend>ຕິດຕັ້ງເພດ:</legend>
      <label for="male">Male</label>
      <input type="radio" name="gender" id="male" value="male">
      <label for="female">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">Red</label>
      <input type="checkbox" name="favcolor" id="red" value="red">
      <label for="green">Green</label>
      <input type="checkbox" name="favcolor" id="green" value="green">
      <label for="blue">Blue</label>
      <input type="checkbox" name="favcolor" id="blue" value="blue"> 
  
</form>

ພະຍາຍາມຕົວຕົນເອງ

ບັນດາຄວາມຄົນອື່ນ

ຖ້າທ່ານຕ້ອງຈະການກະຈາຍຄະແນນຄຳຄົ້ນຄວ້າຫຼືຄະແນນກຳລັງກະຈາຍໃນລະດັບຮອບທີ່ຍັງມີຈຳນວນຫຼາຍຫຼືຫຼາຍຫຼາຍຄະແນນຄຳຄົ້ນຄວ້າຫຼືຄະແນນກຳລັງກະຈາຍໃນລະດັບຮອບທີ່ຍັງມີຈຳນວນຫຼາຍຫຼືຫຼາຍຫຼາຍຄະແນນຄຳຄົ້ນຄວ້າຫຼືຄະແນນກຳລັງກະຈາຍໃນລະດັບຮອບທີ່ຍັງມີຈຳນວນຫຼາຍຫຼືຫຼາຍຫຼາຍຄະແນນຄຳຄົ້ນຄວ້າຫຼືຄະແນນກຳລັງກະຈາຍໃນລະດັບຮອບທີ່ຍັງມີຈຳນວນຫຼາຍຫຼືຫຼາຍຫຼາຍຄະແນນຄຳຄົ້ນຄວ້າຫຼືຄະແນນກຳລັງກະຈາຍໃນລະດັບຮອບທີ່ຍັງມີຈຳນວນຫຼາຍ

ຕົວຢ່າງ

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

ພະຍາຍາມຕົວຕົນເອງ

ທ່ານສາມາດໃຊ້ບັນນາທິດຂອງພື້ນຖານເພື່ອກັບການ <fieldset>：

ຕົວຢ່າງ

<div data-role="fieldcontain">
  <fieldset data-role="controlgroup">
    <legend>ຕິດຕັ້ງເພດ:</legend>

ພະຍາຍາມຕົວຕົນເອງ

如果您希望“预选”其中一个按钮，请使用 HTML 标签的 checked 属性：

ຕົວຢ່າງ

<input type="radio"> checked>
<input type="checkbox"> checked>

ພະຍາຍາມຕົວຕົນເອງ