Một số điều khiển trong html

1. Các điều khiển HTML cơ bản là gì?
2. Một số điều khiển nhập dữ liệu cơ bản
   • Ô nhập văn bản
   • Ô nhập mật khẩu
   • Ô nhập số
3. Các điều khiển lựa chọn trong html
   • Checkbox
   • Radio button
   • Danh sách xổ xuống
4. Một số nút bấm thường dùng
   • Nút button
   • Nút reset
5. Ô nhập nhiều dòng
6. Bảng tổng hợp các điều khiển HTML cơ bản
7. Ví dụ form hoàn chỉnh
8. Video thực hành một số điều khiển html

1. Các điều khiển HTML cơ bản là gì?

Trong HTML, điều khiển (control) là các thành phần cho phép người dùng tương tác với trang web như nhập dữ liệu, chọn tùy chọn hoặc bấm nút. Các điều khiển thường nằm trong thẻ <form>.

 <form> ... </form> 

2. Một số điều khiển nhập dữ liệu cơ bản

Ô nhập văn bản

Dùng để nhập chữ, tên, email...

 <input type="text" placeholder="Nhập họ tên"> 

Ô nhập mật khẩu

nội dung sẽ được ẩn.

 <input type="password" placeholder="Nhập mật khẩu"> 

Ô nhập số

Chỉ nhập số.

 <input type="number" min="1" max="100"> 

 <input type="date"> 

3. Các điều khiển lựa chọn trong html

Checkbox

Chọn nhiều đáp án.

 <input type="checkbox"> HTML<br>

<input type="checkbox"> CSS<br>

<input type="checkbox"> JavaScript 

Radio button

Chỉ chọn 1 đáp án trong nhóm.

 <input type="radio" name="gender"> Nam<br>

<input type="radio" name="gender"> Nữ 

Danh sách xổ xuống

<select>

<option>Việt Nam</option>

<option>Nhật Bản</option>

<option>Hàn Quốc</option>

</select> 

4. Một số nút bấm thường dùng

Nút button

nút bấm thông thường.

 <button>Click me</button> 

 <input type="submit" value="Gửi dữ liệu"> 

Nút reset

Xóa dữ liệu đã nhập.

 <input type="reset" value="Làm mới"> 

5. Ô nhập nhiều dòng

Dùng thẻ <textarea> để nhập nội dung dài như góp ý, mô tả...

 <textarea rows="4" cols="30"></textarea> 

6. Bảng tổng hợp các điều khiển HTML cơ bản

7. Ví dụ form hoàn chỉnh

Ví dụ kết hợp nhiều điều khiển trong cùng một form.

<form>

Tên: <input type="text"><br>

Mật khẩu: <input type="password"><br>

Giới tính:<br>

<input type="radio" name="gt"> Nam<br>

<input type="radio" name="gt"> Nữ<br>

Sở thích:<br>   <input type="checkbox"> Code<br>

<input type="checkbox"> Game<br><br>

<input type="submit" value="Gửi">

</form> 

8. Video thực hành một số điều khiển html

Tìm kiếm: