Thuật ngữ phần tử con cháu đề cập đến việc một phần tử được chứa ở vị trí nào đó bên trong một phần tử khác. Thuật ngữ đối lập là thành phần cấp trên, nghĩa là một thành phần được chứa trong các thành phần cấp trên. Đối với vùng chứa lên/xuống tiếp theo, các vùng chứa này có thể sử dụng các thuật ngữ cụ thể hơn là mẹ/con. Ví dụ: hãy tưởng tượng một tài liệu có một đoạn văn bản chứa một đường liên kết. Phần tử mẹ của đường liên kết là một đoạn văn bản, nhưng cũng có tài liệu làm phần tử cấp trên. Ngược lại, tài liệu có thể có nhiều đoạn văn con, mỗi đoạn văn có đường liên kết. Các đường liên kết đều là phần tử con của tài liệu gốc.
Thử tạo một biểu mẫu để người dùng có thể gửi màu sắc mà họ yêu thích.
Dữ liệu phải được gửi dưới dạng yêu cầu POST
và URL nơi dữ liệu sẽ được xử lý phải là /color
.
Một giải pháp có thể là sử dụng biểu mẫu này:
<form method="post" action="/color"> <label for="color">What is your favorite color?</label> <input type="text" name="color" id="color"> <button>Save</button> </form>
Giả sử bạn muốn một tập lệnh chạy ở https://web.dev
để xử lý dữ liệu biểu mẫu. Bạn sẽ làm như thế nào?
Hãy dùng thử!
Bạn có thể chọn vị trí của tập lệnh bằng cách sử dụng thuộc tính action
.
<form action="https://example.com/animals"> ... </form>
Sử dụng mkcert: bản tóm tắt
Cách chạy trang web phát triển cục bộ bằng HTTPS:
-
Thiết lập mkcert.
Nếu bạn chưa cài đặt, hãy cài đặt mkcert, ví dụ: trên macOS:
brew install mkcert
Hãy xem phần cài đặt mkcert để biết hướng dẫn dành cho Windows và Linux.
Sau đó, hãy tạo một tổ chức phát hành chứng chỉ cục bộ:
mkcert -install
-
Tạo chứng chỉ đáng tin cậy.
mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}
Thao tác này sẽ tạo một chứng chỉ hợp lệ (sẽ được
mkcert
ký tự động). -
Định cấu hình máy chủ phát triển để sử dụng HTTPS và chứng chỉ bạn đã tạo ở Bước 2.
-
✨ Bạn đã hoàn tất! Giờ đây, bạn có thể truy cập vào
https://{YOUR HOSTNAME}
trong trình duyệt mà không gặp cảnh báo