Masukan jenis kotak kombo html

Komponen ini dikembangkan untuk mengatasi masalah saat kita harus menggunakan kotak teks sambil memberikan opsi yang telah ditentukan sebelumnya pada formulir

Menggunakan kode

Triknya adalah menggabungkan kombo yang dibuat dengan daftar "ul" dengan kotak teks, menggunakan CSS untuk menyesuaikannya dan sedikit JavaScript untuk melakukan pekerjaan lainnya

HTML

HTML

    <div class="container">

        <div class="comboBox">
            <div class="comboGroup">
                <input type="text" id="carBrand" placeholder="Select or type a new option..." />
                <ul>
                    <li>Honda</li>
                    <li>Mazda</li>
                    <li>Nissan</li>
                    <li>Toyota</li>
                </ul>
            </div>
            <script>new comboBox('carBrand');</script>
        </div>

    </div>

CSS

CSS