ស្វែងយល់ពីការប្រើ select និង optgroup tag នៅក្នុង HTML

គន្លឹះពីការរៀនប្រើ HTML មានច្រើនប្រភពណាស់ ប៉ុន្តែវាសុទ្ធសឹងតែជាភាសាបរទេស មិនសូវសំបូរភាសាខ្មែរយើងឡើយ។ សំបុកអាយធី សូម​បន្ត​បង្ហាញ​ជូនពីរបៀប និងវិធីនៃការប្រើប្រាស់ tag មួយចំនួនដែលបានបង្ហាញនៅអត្ថបទមុនៗ។ អត្ថបទសំបុកអាយធី សូមលើកយកការប្រើប្រាស់ tag select និង opt group មកនិយាយវិញម្តង។

ក. Select tag ឬ <select>…. </select> ៖

គឺជា tag ដែលប្រើសម្រាប់ឲ្យ User ធ្វើការចុច ជ្រើសយកជម្រើសណាមួយនៃ ជម្រើសដែលបានបង្ហាញតាមរយៈ Dropdown List។ ជាទូទៅ  Select tag គឺប្រើជាមួយ tag option (<option>)។

ឧទាហរណ៍.

<form>
<select>
<option>Male</option>
<option>Female</option>
</select>
</form>

ខ. optgroup tag ឬ <optgroup>…</optgroup>៖

គឺជា tag ប្រើសម្រាប់ចាប់យក option tag ខាងលើជាផ្នែកៗ តាមចំណាត់ថ្នាក់ដែលអ្នកសរសេរកូដបានកំណត់ វាមិនអាចចុចបាន ឬ select យកបានទេ ប៉ុន្តែវាមានពណ៌ខ្មៅដិត (Bold) ហើយឈរនៅទីតាំងមុខ option tag មួយ Tab ។

ឧទាហរណ៍.

<select>
<optgroup label="Computer Language">
<option>C</option>
<option>C++</option>
<option>C#</option>
<option>ASP.NET</option>
</optgroup>
<optgroup label="Database">
<option>SQL SERVER</option>
<option>ORACLE</option>
<option>DB2</option>
</optgroup>
</select>

លទ្ធផលបានដូចរូប៖