詳細資料

說明祖系、父系和子系

子項一詞是指某個項目包含在另一個項目的某處。相反的術語是祖系，表示項目包含祖系。至於下一個容器向上/向下，則可能會使用更具體的父項/子項字詞。舉例來說，假設有份文件內含段落，而該段落內含連結。連結的父項是段落，但也包含文件做為祖系。相反地，文件可能包含許多段落子項，每個子項都含有連結。這些連結都是祖父文件的子項。

嘗試建立表單，讓使用者提交自己最喜歡的顏色。資料應以 POST 要求傳送，且資料處理的網址應為 /color。

顯示表單

解決方法之一是使用這份表單：

<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>

假設您希望指令碼在 https://web.dev 執行，以便處理表單資料，該如何操作？試試看！

切換答案

您可以使用 action 屬性選取指令碼的位置。

<form action="https://example.com/animals">
...
</form>

使用 mkcert：一覽表

簡稱 mkcert

如要透過 HTTPS 執行本機開發網站，請按照下列步驟操作：

  1. 設定 mkcert。

    如果您尚未安裝 mkcert，請在 macOS 上安裝 mkcert：

    brew install mkcert

    請參閱「安裝 mkcert」一文，瞭解 Windows 和 Linux 的操作說明。

    接著，建立本機憑證授權單位：

    mkcert -install

  2. 建立信任的憑證。

    mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}

    這會建立有效的憑證 (會自動由 mkcert 簽署)。

  3. 將開發伺服器設定為使用 HTTPS 和您在步驟 2 中建立的憑證。

  4. ✨ 大功告成！您現在可以在瀏覽器中存取 https://{YOUR HOSTNAME}，且不會收到警告