[Belajar HTML] : Cara Membuat Combo Box Pada HTML - ANAKBLOGGER.COM

PageNavi Results No.

[Belajar HTML] : Cara Membuat Combo Box Pada HTML

Share This
 
Elemen selanjutnya yang akan dipelajari dalam pembelajaran ini adalah Combo Box. Combo Box merupakan sebuah elemen select (pilih) berisi list/beberapa pilihan yang di peruntukkan kepada user. User dapat memilih list yang berada pada Combo Box tersebut sesuai keinginan.
Tag yang digunakan untuk pembuatan Combox Box adalah tag select disertai dengan tag option. Dalam satu buah Combo Box, kita bisa menambahkan/mengurangi beberapa pilihan yang nantinya akan dipilih oleh user. 
Baca Juga : Mengenal Tag HR (Horizontal Rule)
Kemudian, bagaimana cara membuat Combo Box tersebut? Gampang! berikut source codenya :
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>
<body>
  
<select name="status" style="width:300px; height: 40px" readonly>
    <option value="Disetujui">Disetujui</option>
    <option value="Tidak Disetujui" selected>Tidak Disetujui</option>
</select>

</body>
</html>

Maka akan menghasilkan seperti ini :
Baca Juga : Apa Itu Komentar Dalam HTML
*Keterangan :
  • Apabila ingin menambahkan list pada Combo Box, silahkan tambahkan tag option.
  • atribut selected digunakan untuk memilih list pertama kali.
  • value berfungsi untuk menyatakan isi list Combo Box dan mengisinya ke database.

Tidak ada komentar:

Posting Komentar

Tolong berkomentar dengan sopan dan baik, Terimakasih.

Boxed(True/False)

close