Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

จะรับข้อมูลของผู้ใช้โดยใช้แบบฟอร์ม HTML ได้อย่างไร


โดยใช้รูปแบบ HTML คุณสามารถป้อนข้อมูลของผู้ใช้ได้อย่างง่ายดาย แท็ก

ใช้เพื่อรับข้อมูลของผู้ใช้ โดยการเพิ่มองค์ประกอบของแบบฟอร์ม องค์ประกอบแบบฟอร์มประเภทต่างๆ ได้แก่ การป้อนข้อความ การป้อนปุ่มตัวเลือก ปุ่มส่ง ฯลฯ

มาเรียนรู้เกี่ยวกับแท็ก ซึ่งจะช่วยให้คุณป้อนข้อมูลของผู้ใช้โดยใช้แอตทริบิวต์ type กันดีกว่า แอตทริบิวต์นี้ใช้กับองค์ประกอบของแบบฟอร์ม เช่น การป้อนข้อความ ช่องทำเครื่องหมาย วิทยุ ฯลฯ

จะรับข้อมูลของผู้ใช้โดยใช้แบบฟอร์ม HTML ได้อย่างไร

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อรับการป้อนข้อมูลของผู้ใช้โดยใช้แบบฟอร์ม HTML:

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Forms</title>
      </head>
      <p>Add your details:</p>
      <form>
         Student Name:<br> <input type="text" name="name">
         <br>
         Student Subject:<br> <input type="text" name="subject">
         <br>
         Rank:<br> <input type="text" name="rank">
      </form>
   </body>
</html>

ด้านบน คุณจะเห็นแอตทริบิวต์ 2 รายการต่อไปนี้:

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