Forms · Bentuk-bentuk
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Halaman ini memerlukan browser terbaru (dengan dukungan SharedArrayBuffer). Silakan perbarui Chrome, Edge, Firefox, atau Safari ke versi terbaru.
English
Forms
- A form lets people type things in — a name, a message, a search.
- The boxes you type in are called inputs.
- A text box is
<input type="text">— a single tag, like<img>.
Bahasa Indonesia
Formulir
- Formulir memungkinkan orang mengetikkan sesuatu — nama, pesan, pencarian.
- Kotak tempat Anda mengetik disebut input.
- Kotak teks adalah
<input type="text">— satu tag tunggal, seperti<img>.
English
Labels and buttons
- A
<label>is the words next to an input, telling the user what it is for. - A
<button>is something to click — like Send or Search. - We won't actually send anything here — we're just learning the tags.
Bahasa Indonesia
Label dan tombol
- A
<label>adalah kata-kata di samping input, memberi tahu pengguna fungsinya. - A
<button>adalah sesuatu yang bisa diklik — seperti Kirim atau Pencarian. - Kita tidak akan mengirimkan apa pun di sini — kita hanya belajar tentang tag.
<label>Your name:</label>
<input type="text">
<button>Send</button>
English
Common mistakes
- Every input should have a matching
<label>. - A button in a form submits it by default — use
type="button"to stop that.
Bahasa Indonesia
Kesalahan umum
- Setiap input harus memiliki
<label>yang sesuai. - Tombol dalam formulir secara default akan mengirimkannya — gunakan
type="button"untuk menghentikannya.
English
Now you try
- Inputs and buttons are the building blocks of every form on the web.
- Add a text box, then a button.
Bahasa Indonesia
Sekarang Anda coba
- Input dan tombol adalah blok bangunan dari setiap formulir di web.
- Tambahkan kotak teks, lalu tombol.
Add a box the user can type in. Use <input type="text"> (a single tag, like <img>). · Tambahkan kotak yang boleh diketik pengguna. Gunakan <input type="text"> (sebuah tag tunggal, seperti <img>).
Add a button that says Send. Use <button>Send</button>. · Tambahkan butang yang bertuliskan Kirim. Gunakan <button>Send</button>.