Input type hidden trong html là một trong những keyword được search nhiều nhất trên Google về chủ đề input type hidden trong html. Trong bài viết này, cachthietkeweb.vn sẽ viết bài viết Hướng dẫn input type hidden trong html mới nhất 2020.
Hướng dẫn input type hidden trong html mới nhất 2020
Các thẻ input type chuyên dụng trong các form, sử dụng để nhập liệu, kiểu như: tải ký, đăng nhập, liên hệ, send file…Hôm nay chúng ta sẽ nhìn thấy xét các thẻ input phổ biến nhất.
Các input đều giống nhau về cấu trúc, chỉ khác nhau về type. Chính type này quyết định kiểu của input. Có đến hơn 20 type không giống nhau. Một số type input chỉ được support trong HTML5. Các type mô tả trong ngày hôm nay được tất cả các trình duyệt đa dạng hỗ trợ.
Nhập text
Họ tên:
Code mẫu:
Họ tên: type=”text” />
trị giá của thuộc tính name sẽ được dùng để lấy giá trị input, cả PHP và JavaScript đều căn cứ vào name để biết giá trị nằm trong input.
Nhập password
Ví dụ:
Mật khẩu:
Code mẫu:
type=”password” />
Vì là nhập password nên khi bạn gõ vào trường này nó sẽ hiện ra các dấu hoa thị *, để người xung quanh không xem mật khẩu.
File đính kèm
Ví dụ:
lựa chọn ảnh của bạn:
Code mẫu:
type=”file” name=”anh”>
Button reset
Họ tên:
Quê quán:
Code mẫu:
Họ tên:
Quê quán:
type=”reset” value=”Reset”>
Button submit
Tên tải nhập:
Mật khẩu:
Code mẫu:
Tên tải nhập:
Mật khẩu:
type=”submit” value=”Submit” />
Ẩn input
Họ tên:
Code mẫu:
Họ tên:
type=”hidden” name=”quocgia” value=”Việt Nam”>
Bạn đủ sức thấy input có name là quocgia bị ẩn k hiện trong form. Tuy bị ẩn nhưng nếu chúng ta Submit nó trị giá “Việt Nam” luôn luôn được send đi.
Radio button
Nam
Nữ
khác
Code mẫu:
Checkbox
Bóng đá
Bơi lội
Điền kinh
Cầu lông
Võ thuật
Code mẫu:
Bóng đá
Bơi lội
Điền kinh
Cầu lông
Võ thuật
Thông tin đầy đủ hơn về Checkbox và Radio button bạn đủ sức đọc để đọc qua thêm.
Email:
Email:
Email: Nó validate email cho chúng ta rồi, nên bạn k cần viết JavaScript – trừ khi bạn muốn chuẩn hóa dữ liệu nhập vào cao hơn nữa.
nguồn: kiencang.net
