HTML <select> ស្លាក

  • หน้าก่อนหน้า <section>
  • หน้าต่อไป <small>

Tukuyin at paggamit

<select> Ang elementong ginagamit upang lumikha ng pagbubukas ng piliin.

<select> Ang elementong ginagamit sa porma, na ginagamit upang kolekta ang input ng user.

Kailangan gamitin ang name attribute upang maipag-referensya ang datos ng porma pagkatapos isumite ang porma (kung binigwang-wala ang name attribute, ang datos ng pagbubukas ng piliin ay hindi maitatalaga).

<select> Sa loob ng elementong <option> Tag Tukuyin ang mga opisyon na magiging bahagi ng pagbubukas ng piliin.

Kinakailangan gamitin ang id attribute upang maipagsama ang pagbubukas ng piliin sa tag (label).

Mga tagubilin:Laging magdagdag ng <label> Tag Upang makamit ang pinakamahusay na praktika ng aksesibilidad!

Mga iba pang pagkikita:

HTML DOM Reference Manual:Select Object

CSS Tutorial:I-set ang estilo ng porma

Eksemplo

Halimbawa 1

Lumikha ng isang pagbubukas ng piliin na may apat na opisyon:

<label for="cars">Pumili ng isang uri ng sasakyan:</label>
<select name="cars" id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

Subukan nang personal

Halimbawa 1

Halimbawa 2 <select> Ginagamit kasama ang <optgroup> tag:

<label for="cars">Pumili ng isang uri ng sasakyan:</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

Subukan nang personal

Atributo

Atributo Halaga Paglalarawan
autofocus autofocus I-set na maging fokus ang pagbubukas ng piliin kapag naglulagay ng pahina.
disabled disabled Ipagbawal ang paggamit ng pagbubukas ng piliin.
form id ng porma Tukuyin ang porma kung saan magiging bahagi ang pagbubukas ng piliin.
multiple multiple Mga opisyon ay maaaring isaling ihalong sa isang pagpipilian lamang.
name ชื่อ กำหนดชื่อของรายการที่เลือก
required required กำหนดว่าผู้ใช้จะต้องเลือกค่าหนึ่งก่อนที่จะส่งฟอร์ม
size ตัวเลข กำหนดจำนวนตัวเลขที่มีตัวเลือกที่เห็นได้ในรายการที่เลือก

สมบัติโลกาล

<select> แบตทามยังสนับสนุน สมบัติโลกาลใน HTML.

สมบัติเหตุ

<select> แบตทามยังสนับสนุน สมบัติเหตุใน HTML.

การตั้งค่า CSS ปกติ

ไม่มี

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน
  • หน้าก่อนหน้า <section>
  • หน้าต่อไป <small>