Hướng dẫn what is type attribute in html5? - thuộc tính type trong html5 là gì?

❮ Thẻ HTML

Thí dụ

Một hình thức HTML với hai trường đầu vào; một trường văn bản và một nút gửi:

& nbsp; Tên người dùng: & nbsp; & nbsp;
 
 

 

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.


Định nghĩa và cách sử dụng

Thuộc tính type chỉ định loại phần tử <input> để hiển thị.

Nếu thuộc tính type không được chỉ định, loại mặc định là "văn bản".


Hỗ trợ trình duyệt

Thuộc tính
loại hìnhĐúngĐúngĐúngĐúngĐúng

Cú pháp

Giá trị thuộc tính

Giá trịSự mô tả
cái nútXác định nút có thể nhấp (chủ yếu được sử dụng với JavaScript để kích hoạt tập lệnh)
Hộp kiểmXác định hộp kiểm
màu sắcXác định một người chọn màu
ngàyXác định kiểm soát ngày (năm, tháng, ngày (không có thời gian))
DateTime-localXác định kiểm soát ngày và thời gian (năm, tháng, ngày, thời gian (không có múi giờ)
e-mailXác định trường cho địa chỉ e-mail
tập tinXác định trường chọn tệp và nút "Duyệt" (để tải lên tệp)
ẩn giấuXác định trường đầu vào ẩn
hình ảnhXác định hình ảnh là nút gửi
thángXác định kiểm soát một tháng và năm (không có múi giờ)
con sốXác định một trường để nhập một số
mật khẩu mở khóaXác định trường mật khẩu
ĐàiXác định nút radio
phạm viXác định điều khiển phạm vi (như điều khiển thanh trượt)
cài lạiXác định nút đặt lại
Tìm kiếmXác định trường văn bản để nhập chuỗi tìm kiếm
Gửi điXác định nút gửi
TelXác định trường để nhập số điện thoại
chữMặc định. Xác định trường văn bản một dòng
thời gianXác định điều khiển để nhập thời gian (không có múi giờ)
URLXác định một trường để nhập URL
tuầnXác định kiểm soát một tuần và năm (không có múi giờ)


Nhiều ví dụ hơn

Loại đầu vào: Nút

Một nút nhấn kích hoạt JavaScript khi nhấp vào:

Hãy tự mình thử »

Loại đầu vào: Hộp kiểm

Các hộp kiểm Hãy cho phép người dùng chọn một hoặc nhiều tùy chọn về số lượng lựa chọn hạn chế:

Tôi có một chiếc xe đạp tôi có một chiếc xe tôi có một chiếc thuyền







Hãy tự mình thử »

Loại đầu vào: màu

Chọn một màu từ bộ chọn màu:

Chọn màu yêu thích của bạn:

Hãy tự mình thử »

Loại đầu vào: Ngày

Xác định điều khiển ngày:

Birthday:

Hãy tự mình thử »

Loại đầu vào: DateTime-local

Xác định điều khiển ngày và thời gian (không có múi giờ):

Sinh nhật (ngày và giờ):

Hãy tự mình thử »

Loại đầu vào: Email

Xác định trường cho địa chỉ e-mail (sẽ được xác thực tự động khi được gửi):

Nhập email của bạn:

Hãy tự mình thử »

Loại đầu vào: Tệp

Xác định trường chọn tệp và nút "Duyệt ..." (để tải lên tệp):

Chọn một tập tin:

Hãy tự mình thử »

Loại đầu vào: ẩn

Xác định trường ẩn (không hiển thị cho người dùng).

Một trường ẩn thường lưu trữ bản ghi cơ sở dữ liệu cần được cập nhật khi biểu mẫu được gửi:

Hãy tự mình thử »

Loại đầu vào: Hộp kiểm

Các hộp kiểm Hãy cho phép người dùng chọn một hoặc nhiều tùy chọn về số lượng lựa chọn hạn chế:

Hãy tự mình thử »

Loại đầu vào: Hộp kiểm

Các hộp kiểm Hãy cho phép người dùng chọn một hoặc nhiều tùy chọn về số lượng lựa chọn hạn chế:

Tôi có một chiếc xe đạp tôi có một chiếc xe tôi có một chiếc thuyền

Hãy tự mình thử »

Loại đầu vào: màu

Chọn một màu từ bộ chọn màu:

Chọn màu yêu thích của bạn:

Hãy tự mình thử »

Loại đầu vào: Ngày

  • Xác định điều khiển ngày:
  • Loại đầu vào: DateTime-local
  • Xác định điều khiển ngày và thời gian (không có múi giờ):
  • Sinh nhật (ngày và giờ):

Loại đầu vào: Email

Xác định trường cho địa chỉ e-mail (sẽ được xác thực tự động khi được gửi):

Password:

Hãy tự mình thử »

Nhập email của bạn:

Loại đầu vào: Tệp

Xác định trường chọn tệp và nút "Duyệt ..." (để tải lên tệp):






Hãy tự mình thử »

Chọn một tập tin:

Loại đầu vào: ẩn

Xác định trường ẩn (không hiển thị cho người dùng).

Hãy tự mình thử »

Loại đầu vào: Ngày

  • Xác định điều khiển ngày:
  • Loại đầu vào: DateTime-local
  • Xác định điều khiển ngày và thời gian (không có múi giờ):
  • Sinh nhật (ngày và giờ):

Loại đầu vào: Email

Xác định trường cho địa chỉ e-mail (sẽ được xác thực tự động khi được gửi):

Nhập email của bạn:

Hãy tự mình thử »

Loại đầu vào: Tệp Use the reset button carefully! It can be annoying for users who accidentally activate the reset button.

Xác định trường chọn tệp và nút "Duyệt ..." (để tải lên tệp):

Chọn một tập tin:

Loại đầu vào: ẩn

Hãy tự mình thử »

Xác định trường ẩn (không hiển thị cho người dùng).

Một trường ẩn thường lưu trữ bản ghi cơ sở dữ liệu cần được cập nhật khi biểu mẫu được gửi:

Loại đầu vào: hình ảnh

Xác định hình ảnh là nút gửi:

Hãy tự mình thử »

Loại đầu vào: Tháng

Xác định kiểm soát một tháng và năm (không có múi giờ):

Sinh nhật (tháng và năm):




Hãy tự mình thử »

Loại đầu vào: số

Xác định một trường để nhập một số (bạn cũng có thể đặt các hạn chế đối với những con số được chấp nhận):

Số lượng (từ 1 đến 5):

Hãy tự mình thử »

Sử dụng các thuộc tính sau để chỉ định các hạn chế:

Tối đa - Chỉ định giá trị tối đa được phép

Tối thiểu - Chỉ định giá trị tối thiểu được phép

Hãy tự mình thử »

Bước - Chỉ định các khoảng số hợp pháp Safari on iPhone recognizes the url input type, and changes the on-screen keyboard to match it (adds .com option).

Loại đầu vào: Tuần

Xác định kiểm soát một tuần và năm (không có múi giờ):

Chọn một tuần:

Hãy tự mình thử »

❮ Thẻ HTML


Việc sử dụng thuộc tính loại là gì?

Thuộc tính loại thường được sử dụng trên các yếu tố liên kết để mô tả mục tiêu của tham chiếu chéo.Nó cũng được sử dụng trên phần tử ghi chú để mô tả loại ghi chú hiện tại và trên một số yếu tố khác cho các mục đích khác nhau.most often used on linking elements to describe the target of a cross-reference. It is also used on the note element to describe the type of the current note, and on several other elements for varying purposes.

Có bao nhiêu loại thuộc tính trong HTML5?

Thuộc tính hình thức HTML5.Có 14 thuộc tính mới mà chúng tôi sẽ xem xét trong bài viết này.14 new attributes that we'll be looking at in this article.

3 loại thuộc tính trong HTML là gì?

Các thuộc tính HTML thường được phân loại là thuộc tính yêu cầu, thuộc tính tùy chọn, thuộc tính tiêu chuẩn và thuộc tính sự kiện: Thông thường các thuộc tính cần thiết và tùy chọn sửa đổi các phần tử HTML cụ thể.Trong khi các thuộc tính tiêu chuẩn có thể được áp dụng cho hầu hết các yếu tố HTML.required attributes, optional attributes, standard attributes, and event attributes: Usually the required and optional attributes modify specific HTML elements. While the standard attributes can be applied to most HTML elements.

Thuộc tính loại đầu vào html5 là gì?

Attributes.