Tiếp theo → ← Prev
Trong HTML là một yếu tố quan trọng của dạng HTML. Thuộc tính "Loại" của phần tử đầu vào có thể là nhiều loại khác nhau, xác định trường thông tin. Chẳng hạn như cho một hộp văn bản.
Sau đây là danh sách tất cả các loại yếu tố của HTML.
chữ | Xác định trường đầu vào văn bản một dòng |
mật khẩu mở khóa | Xác định trường nhập mật khẩu một dòng |
Gửi đi | Xác định nút Gửi để gửi biểu mẫu cho máy chủ |
cài lại | Xác định nút đặt lại để đặt lại tất cả các giá trị trong biểu mẫu. |
Đài | Xác định nút radio cho phép chọn một tùy chọn. |
Hộp kiểm | Xác định các hộp kiểm cho phép chọn biểu mẫu nhiều tùy chọn. |
cái nút | Xác định một nút nhấn đơn giản, có thể được lập trình để thực hiện một nhiệm vụ trên một sự kiện. |
tập tin | Xác định để chọn tệp từ lưu trữ thiết bị. |
hình ảnh | Xác định một nút gửi đồ họa. |
HTML5 đã thêm các loại mới trên phần tử. Sau đây là danh sách các loại yếu tố của HTML5
chữ | Xác định trường đầu vào văn bản một dòng |
mật khẩu mở khóa | Xác định trường nhập mật khẩu một dòng |
Gửi đi | Xác định nút Gửi để gửi biểu mẫu cho máy chủ |
cài lại | Xác định nút đặt lại để đặt lại tất cả các giá trị trong biểu mẫu. |
Đài | Xác định nút radio cho phép chọn một tùy chọn. |
Hộp kiểm | Xác định các hộp kiểm cho phép chọn biểu mẫu nhiều tùy chọn. |
cái nút | Xác định một nút nhấn đơn giản, có thể được lập trình để thực hiện một nhiệm vụ trên một sự kiện. |
tập tin | Xác định để chọn tệp từ lưu trữ thiết bị. |
hình ảnh | Xác định một nút gửi đồ họa. |
HTML5 đã thêm các loại mới trên phần tử. Sau đây là danh sách các loại yếu tố của HTML5 | màu sắc |
Xác định một trường đầu vào với một màu cụ thể.
ngày
Xác định một trường đầu vào để lựa chọn ngày.
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
Xác định một trường đầu vào để nhập địa chỉ email."text"field defines a sinlge line input text field.
thángEnter last name
Note:The default maximum cahracter lenght is 20.
Xác định kiểm soát với tháng và năm, không có múi giờ.
con số
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
Xác định một trường đầu vào để nhập địa chỉ email."password"field defines a sinlge line input password field to enter the password securely.
thángEnter Password
Xác định kiểm soát với tháng và năm, không có múi giờ.
con số
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
Enter Password
After clicking on submit button, this will submit the form to server and will redirect the page to action value.We will learn about "action" attribute in later chapters
tháng
Xác định kiểm soát với tháng và năm, không có múi giờ.
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
tháng
Xác định kiểm soát với tháng và năm, không có múi giờ.
con số
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
Xác định một trường đầu vào để nhập địa chỉ email.
thángblue
green
pink
Xác định kiểm soát với tháng và năm, không có múi giờ.
con số
Xác định một trường đầu vào để nhập một số.
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
Xác định một trường đầu vào để nhập địa chỉ email.
thángXác định kiểm soát với tháng và năm, không có múi giờ.
CricketTennis
Football
Baseball
Badminton
con số
Xác định một trường đầu vào để nhập một số.
URL
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
Xác định một trường đầu vào để nhập địa chỉ email.
tháng
Xác định kiểm soát với tháng và năm, không có múi giờ.
con số
DateTime-local
Xác định trường đầu vào để nhập ngày không có múi giờ.Output:
Xác định một trường đầu vào để nhập địa chỉ email.
thángXác định kiểm soát với tháng và năm, không có múi giờ.
con số
Thí dụ:
HTML5 phần tử loại mới được thêm vào
1.:
Loại "màu" được sử dụng để xác định trường đầu vào chứa màu. Nó cho phép người dùng chỉ định màu bằng giao diện màu trực quan trên trình duyệt.
Lưu ý: Loại "màu" chỉ hỗ trợ giá trị màu ở định dạng thập lục phân và giá trị mặc định là #000000 [màu đen].
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên
Nhấp chuột xuống
Lưu ý: Giá trị mặc định của loại "màu" là #000000 [màu đen]. Nó chỉ hỗ trợ giá trị màu theo định dạng thập lục phân.The default value of "color" type is #000000 [black]. It only supports color value in hexadecimal format.
2.:
Phần tử của loại "Ngày" tạo ra một trường đầu vào, cho phép người dùng nhập ngày theo một định dạng nhất định. Người dùng có thể nhập ngày theo trường văn bản hoặc giao diện Picker ngày.
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên
Nhấp chuột xuống
Lưu ý: Giá trị mặc định của loại "màu" là #000000 [màu đen]. Nó chỉ hỗ trợ giá trị màu theo định dạng thập lục phân.
2.:
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên
Nhấp chuột xuống
Lưu ý: Giá trị mặc định của loại "màu" là #000000 [màu đen]. Nó chỉ hỗ trợ giá trị màu theo định dạng thập lục phân.
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lênUser can also enter multiple email addresses separating by comma or whitespace as following:
Nhấp chuột xuốngLưu ý: Giá trị mặc định của loại "màu" là #000000 [màu đen]. Nó chỉ hỗ trợ giá trị màu theo định dạng thập lục phân.
2.:
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên
Nhấp chuột xuống
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lênIt will allow to enter number in range of 50-80. If you want to enter number other than range, it will show an error.
Nhấp chuột xuống
Lưu ý: Giá trị mặc định của loại "màu" là #000000 [màu đen]. Nó chỉ hỗ trợ giá trị màu theo định dạng thập lục phân.
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên
Nhấp chuột xuống
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên
Nhấp chuột xuống
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên
Nhấp chuột xuống
Thí dụ:
Kiểm tra nó ngay bây giờOutput:
Đầu vào các loại "màu":
Chọn màu yêu thích của bạn:Nhấp chuột lên Here we are using two attributes that are "pattern" and"required" which will allow user to enter the number in given format and it is required to enter the number in input field.
Nhấp chuột xuốngHTML form attribute
Lưu ý: Giá trị mặc định của loại "màu" là #000000 [màu đen]. Nó chỉ hỗ trợ giá trị màu theo định dạng thập lục phân.