Cara menggunakan Generator Select Menu
- Pilih daftar: negara, negara bagian AS, provinsi Kanada, bahasa, mata uang, zona waktu, kode telepon, bulan, hari, tahun, rentang angka, atau opsi milikmu sendiri.
- Atur label (misalnya bendera + nama), nilai opsi (kode ISO paling baik untuk formulir), urutan, bahasa label, dan grup jika diperlukan.
- Tambahkan placeholder, nilai terpilih awal,
namedanid, lalu pilih wajib diisi atau datalist yang bisa dicari. - Pilih output — HTML, React, Vue, JSON, CSV, atau PHP — lalu salin atau unduh.
Dropdown yang baik untuk formulir
- Gunakan kode sebagai nilai. Simpan
US,de, atauEUR, bukan label yang terlihat. Label berubah saat diterjemahkan, sedangkan kode tidak. - Tambahkan placeholder sebagai opsi pertama yang dinonaktifkan, dan jadikan kolom
requiredagar pengguna tidak bisa mengirim placeholder. - Bantu pengguna pada daftar panjang. Letakkan pilihan paling umum di awal, kelompokkan dengan
<optgroup>, atau gunakan<datalist>yang bisa dicari. - Atur autocomplete. Kolom negara diberi
autocomplete="country"(ataucountry-namejika nilainya berupa nama) agar browser bisa mengisinya otomatis.
Dari mana datanya berasal
Kode negara dan wilayah mengikuti ISO 3166-1, bahasa mengikuti ISO 639-1, mata uang mengikuti ISO 4217, dan zona waktu mengikuti basis data IANA. Nama dibuat oleh fitur internasionalisasi browser kamu, jadi akurat dan tersedia dalam puluhan bahasa. Kode telepon mengikuti kode panggilan negara ITU.
Di Webflow, tempel HTML ke elemen Embed di dalam formulirmu. Kolom tersebut akan dikirim bersama formulir seperti biasa. Terkait: Generator Tabel HTML, JSON ke TypeScript.
Juga dicari sebagai: generator dropdown html, html select generator, dropdown negara html, membuat dropdown html, generator daftar dropdown, dropdown provinsi html, dropdown bahasa, dropdown zona waktu.
Tool yang cocok dipakai bersama Generator Select Menu
- CSV & Excel ke Tabel HTML — Tempel sel spreadsheet, CSV, atau JSON, lalu dapatkan markup tabel HTML yang semantik dan sudah di-escape, dengan gaya siap pakai opsional dan pratinjau langsung.
- Formatter HTML — Tempel markup yang berantakan atau sudah di-minify, lalu dapatkan HTML rapi dengan indentasi konsisten — termasuk blok <style> dan <script> di dalamnya.
- Konverter HTML ke JSX — Tempel HTML — potongan kode, template, atau ikon SVG — dan dapatkan JSX yang siap kamu pakai di komponen React: className, htmlFor, objek style, atribut camelCase, dan tag yang self-closed.
- Generator Data Palsu — Buat hingga 10.000 baris data test realistis — pengguna, produk, pesanan, alamat, perusahaan, atau record API bersarang — atau susun skema sendiri.
Pertanyaan yang sering diajukan
Bagaimana cara membuat dropdown negara di HTML?
Pilih Negara, atur label dan nilai (kode ISO paling baik), tambahkan placeholder, lalu salin
Apakah nilai opsi sebaiknya kode atau nama?
Kode. Kode ISO seperti US atau DE tetap sama di setiap bahasa, dan itulah yang biasanya diharapkan oleh API dan basis data. Kamu tetap bisa menampilkan nama sebagai label.
Bagaimana cara membuat dropdown yang bisa dicari tanpa JavaScript?
Centang Bisa dicari. Output akan berubah menjadi dengan
Bisakah daftarnya dalam bahasa lain?
Bisa. Nama negara, bahasa, mata uang, bulan, dan hari berasal dari terjemahan bawaan browser kamu. Pilih bahasa label, dan seluruh daftar akan diterjemahkan serta diurutkan sesuai bahasa tersebut.
Format apa saja yang bisa diekspor?
Bisakah saya memasang Generator Select Menu sebagai aplikasi web dan memakainya offline?
Bisa. Generator Select Menu adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.