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.
Tóm Tắt
Hướng dẫn input type hidden trong html mới nhất 2020
Các thẻ input type chuyên sử dụng trong những 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 tổng thể tất cả chúng ta sẽ nhìn thấy xét những thẻ input phổ cập 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ợ.
Bạn đang đọc : Hướng dẫn input type hidden trong html mới nhất 2020 – Cách phong cách thiết kế Web
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 địa thế 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 những 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
tính năng của nút nhấn reset là xóa những tài 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 tài liệu, khi bạn nhập đa số những trường, và nhấn submit thì tài liệu từ những trường bạn nhập sẽ được gửi đến đâu đó để xử lý và giải quyết và xử lý tiếp. đủ sức nó sẽ được Validate bằng JavaScript để thích hợp hóa, sau đó send lên Server để ghi thông tin vào cơ sở tài liệu bằng PHP ( hoặc ngôn từ 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 = ” Nước Ta ” >
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 tất cả chúng ta Submit nó trị giá “ Nước Ta ” 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
tin tức không thiếu hơn về Checkbox và Radio button bạn đủ sức đọc để đọc qua thêm .
Type cuối cùng tôi đề cập là email, sở dĩ như vậy vì type này chỉ được tương hỗ 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 tư vấn tốt bới các trình duyệt. Code mẫu:
E-Mail :
Kết quả :
E-Mail :
E-Mail : Nó validate email cho tất cả 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
Source: https://final-blade.com
Category: Kiến thức Internet
