HTML Forms

HTML Forms (การสร้างฟอร์มด้วย HTML)

รปู แบบ HTML ทใี่ ช้เพอื่ รวบรวมข้อมลู เขา้ ของผใู้ ช้ โดย input ของผใู้ ชส้ ่วนใหญ่มกั ถกู ส่งไปยังเซริ ฟ์ เวอร์เพอ่ื ประมวลผล <form> . form elements . </form>

The Action Attribute (คุณลกั ษณะของฟอรม์ )

Action คือ การกาหนดเพอื่ ส่งค่าแบบฟอร์ม ซ่งึ โดยปกตขิ อ้ มลู จะถกู ส่งไปยงั server เม่อื เรากดปมุ่ submit <form action=“ท่ที ี่จะส่งขอ้ มลู ไป\"> . form elements . </form>

HTML Form Elements (องค์ประกอบของฟอรม์ )

The <select> and <option> Element

The <textarea> Element

The <output> Element

HTML Input Types (ประเภทของแทก็ อนิ พตุ )

<input type=\"text\"> สาหรบั ใส่ขอ้ ความทว่ั ไป <input type=\"password\"> สาหรับปอ้ งกนั รหัสผ่าน

<input type=\"radio\"> สาหรบั สร้างตวั เลือกอยา่ งใดอยา่ งหน่งึ

<input type=\"checkbox\"> สาหรับสรา้ งตัวเลอื กหลายตัวเลอื ก

<input type=\"color\"> สาหรับเสอื กสี

<input type=\"date\"> สาหรบั เลอื กวัน/เดือน/ปี

<input type=\"datetime-local\"> สาหรบั เลือกวนั /เดอื น/ปี และ เวลา

<input type=\"email\"> สาหรบั ดักเออเรอ่ อีเมล์

<input type=\"file\"> สาหรับดงึ ไฟลจ์ ากเครอ่ื ง <input type=\"file\" id=\"files\" name=\"files\" multiple> ถ้าใช้ multiple จะเลือกได้คร้งั ละหลายไฟล์

<input type=\"month\"> สาหรบั เลอื กเฉพาะเดอื น

<input type=\"number\"> สาหรบั ใส่คา่ ตวั เลขเท่าน้นั

<input type=\"range\"> สาหรบั สร้างแถบ หรือแนวสาหรบั เลือกระดบั

<input type=\"tel\"> สาหรบั การดกั เออเรอ่ เบอรโ์ ทรศพั ท์

<input type=\"time\"> สาหรบั การเลอื กเวลา

<input type=\"submit\"> สาหรับส่งค่า <input type=\"button\"> สาหรับสร้างปุ่ม <input type=\"reset\"> สาหรับการล้างข้อมูลในฟอรม์ <input type=\"hidden\"> สาหรับซ้อน แต่มกี ารสง่ คา่

HTML Input Attributes

disabled สาหรบั อา่ นอย่างเดียว สาหรับปิดการใช้งาน readonly สาหรับฟวิ จาเปน็ Disabled required Value = “ข้อความ” กาหนดคา่ ไว้ใน input size = “ตวั เลขขนาด” ขนาดของฟวิ input maxlength = “จานวนสูงสดุ “ จานวนอักษรสงู สุด min=“คา่ ต่าสดุ \" max=“ค่าสงู สุด“ ค่าถาตัวเลยสูงและตา่ สุดของ type number