รายละเอียด

คำอธิบายของancestor ancestor และancestor

คำว่าสืบทอดหมายถึงข้อเท็จจริงที่ว่ารายการใดๆ ติดอยู่ที่อื่น คำศัพท์ที่ตรงกันข้ามคือระดับบน กล่าวคือรายการที่มีอยู่โดยบรรพบุรุษ สำหรับคอนเทนเนอร์ถัดไปที่เลื่อนขึ้น/ลง คีย์เวิร์ดเหล่านี้อาจใช้คำที่เฉพาะเจาะจงมากขึ้นซึ่งเป็นรายการหลัก/ย่อย เช่น ลองนึกถึงเอกสารที่มีย่อหน้าซึ่งมีลิงก์อยู่ภายใน ระดับบนสุดของลิงก์คือย่อหน้า แต่ยังมีเอกสารเป็นระดับบน ในทางกลับกัน เอกสารอาจมีรายการย่อยหลายย่อหน้า โดยแต่ละย่อหน้ามีลิงก์ ลิงก์ทั้งหมดเป็นลิงก์ที่สืบทอดมาจากเอกสารปู่ย่าตายาย

ลองสร้างแบบฟอร์มที่ผู้ใช้จะส่งสีที่ชอบได้ ข้อมูลควรส่งข้อมูลเป็นคำขอ POST และ URL ที่จะประมวลผลข้อมูลควรเป็น /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: cheatsheet

ชื่อย่อของ MKcert

ในการเรียกใช้เว็บไซต์การพัฒนาในเครื่องด้วย HTTPS ให้ทำดังนี้

  1. ตั้งค่า 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} ในเบราว์เซอร์ได้แล้วโดยไม่มีคำเตือน