詳細資料

ancestor、ancestor和ancestor的說明

「子系」一詞是指項目包含在另一個項目中的位置。相反詞則是祖系，代表祖系含有一個項目。在下一個容器上/下，這些可能會使用更具體的字詞父項/子項。舉例來說，假設文件的段落內含連結。連結的父項是段落，但文件的祖係也包含文件。 反之，文件也可能有多個段落子元素，每個段落都有連結。連結都是祖系文件的子系。

嘗試建立表單，供使用者提交自己最喜歡的顏色。 資料必須以 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，請先安裝 mkcert，例如在 macOS 上：

    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}，不會發出警告