Cách thiết lập loại phần tử trong HTML bằng thuộc tính type

Để thiết lập loại (kiểu) của một phần tử trong HTML, bạn sử dụng thuộc tính type. Thuộc tính này thường được dùng với thẻ <input> để tạo các điều khiển form khác nhau như ô nhập văn bản, checkbox, radio button, v.v.

Ví dụ minh họa

Dưới đây là ví dụ sử dụng thuộc tính type với các trường nhập liệu dạng text:

<!DOCTYPE html>
<html>
  <head>
    <title>Form HTML</title>
  </head>
  <body>
    <p>Nhập thông tin của bạn:</p>
    <form>
      Tên sinh viên:<br>
      <input type="text" name="name">
      <br>
      Môn học:<br>
      <input type="text" name="subject">
      <br>
      Xếp hạng:<br>
      <input type="text" name="rank">
    </form>
  </body>
</html>

Thuộc tính type="text" tạo ra các ô nhập văn bản một dòng. Bạn có thể thay đổi giá trị type thành "checkbox", "radio", "email", "password", v.v. để tạo các loại điều khiển khác nhau.