Hướng dẫn dùng html hide trong PHP

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.

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

Ví dụ:

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

chức năng của nút nhấn reset là xóa các dữ liệu mà bạn nhập k đúng, giả dụ nhập tên và quê quán vào 2 trường dưới đây, rối click reset nhìn thấy điều gì xảy ra:

Họ tên:
Quê quán:

Code mẫu:

Họ tên: 

Quê quán: 

type=”reset” value=”Reset”>

Button submit

tác dụng của nút click submit là send dữ liệu, khi bạn nhập đa số các trường, và nhấn submit thì dữ liệu từ các trường bạn nhập sẽ được gửi đến đâu đó để xử lý tiếp. đủ sức nó sẽ được Validate bằng JavaScript để phù hợp hóa, sau đó send lên Server để ghi thông tin vào cơ sở dữ liệu bằng PHP (hoặc ngôn ngữ lập trình website khác).

Ví dụ:

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

dùng để lựa chọn chỉ 1 trong nhiều chọn, ví dụ:

Nam
Nữ
khác

Code mẫu:

Nam

Nữ

Khác

Checkbox

sử dụng để chọn nhiều lựa chọn đồng thời, đủ sức 1 hoặc nhiều, ví dụ:

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.

mail

Type cuối cùng tôi đề cập là email, sở dĩ như vậy vì type này chỉ được hỗ trợ trong HTML5 – tuy nhiên nói là vậy thôi, chứ chúng ta cũng chẳng hề lo gì cả, vì input mail đang được support tốt bới các trình duyệt. Code mẫu:

Email: 

Kết quả:

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