Skip to content

Commit

Permalink
feat: add more examples (#267)
Browse files Browse the repository at this point in the history
  • Loading branch information
manh21 authored Oct 17, 2022
1 parent 7a0ee86 commit b0d1ba6
Showing 1 changed file with 23 additions and 4 deletions.
27 changes: 23 additions & 4 deletions HTML/038 HTML Select/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,14 @@ Nama atribut dibutuhkan sebagai referensi dari form data setelah form tersebut d

Atribut id dibutuhkan untuk mengasosiasikan drop-down list dengan sebuah label.

Tag `<option>`di dalam `<select>`mendefinisikan opsi yang tersedia pada drop-down list.
Tag `<option>`di dalam `<select>` mendefinisikan opsi yang tersedia pada drop-down list.

Tips: Selalu tambahkan tag `<label>` sebagai praktik aksesibilitas terbaik.

## Contoh:
## Contoh

### Membuat drop-down list dengan empat pilihan

### Membuat drop-down list dengan empat pilihan:
```HTML
<label for="mobil">Piih salah satu mobil:</label>
<select name="mobil" id="mobil">
Expand All @@ -27,4 +28,22 @@ Tips: Selalu tambahkan tag `<label>` sebagai praktik aksesibilitas terbaik.
</select>
```

Referensi: [w3schools](https://www.w3schools.com/tags/tag_select.asp)
## Contoh Lain

### Menggunakan `<select>` dengan `<optgroup>`

```html
<label for="cars">Pilih mobil:</label>
<select name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
```

Referensi: [w3schools](https://www.w3schools.com/tags/tag_select.asp)

0 comments on commit b0d1ba6

Please sign in to comment.