This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Trang này cần trình duyệt gần đây (hỗ trợ SharedArrayBuffer). Vui lòng cập nhật Chrome, Edge, Firefox hoặc Safari lên phiên bản mới nhất.
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>.
Tiếng Việt
Biểu mẫu
- Một biểu mẫu (form) cho phép người dùng nhập dữ liệu — như tên, tin nhắn, hoặc tìm kiếm.
- Các ô bạn nhập vào được gọi là trường nhập liệu (inputs).
- Một hộp văn bản là
<input type="text">— một thẻ đơn lẻ, giống như<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.
Tiếng Việt
Nhãn và nút bấm
- Một
<label>là dòng chữ xuất hiện bên cạnh trường nhập liệu, giải thích mục đích của nó cho người dùng. - Một
<button>là đối tượng có thể click — ví dụ như Gửi hoặc Tìm kiếm. - Chúng ta sẽ không thực sự gửi dữ liệu ở đây — chỉ đang học về các thẻ mà thôi.
<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.
Tiếng Việt
Lỗi thường gặp
- Mỗi trường nhập liệu nên có một
<label>tương ứng. - Mặc định, nút bấm trong biểu mẫu sẽ gửi biểu mẫu; hãy dùng
type="button"để ngăn điều đó.
English
Now you try
- Inputs and buttons are the building blocks of every form on the web.
- Add a text box, then a button.
Tiếng Việt
Bây giờ bạn thử
- Trường nhập liệu và nút bấm là những khối xây dựng cơ bản của mọi biểu mẫu trên web.
- Thêm một hộp văn bản, sau đó thêm một nút bấm.
Add a box the user can type in. Use <input type="text"> (a single tag, like <img>).
Add a button that says Send. Use <button>Send</button>.