input type hidden คืออะไร มีประโยชน์อย่างไร

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

ตัวอย่าง input type hidden คืออะไร มีประโยชน์อย่างไร

<form action="update.php" method="POST">
    ชื่อสินค้า <input type="text" name="title">
    <input type="hidden" name="id" value="1">
    <input type="submit" value="แก้ไข"> 
</form>

จากโค้ดด้านบนมี input type hidden 1 อัน คือ name="id" เก็บค่ารหัสสินค้าเอาไว้ เมื่อผู้ใช้งานกดปุ่มแก้ไข ก็จะส่งตัวแปร id ไปที่หน้า update.php เพื่อนำไปใช้เขียนโปรแกรม หรือเขียนคำสั่ง SQL ต่อไป แต่ input ที่เก็บค่า id เราไม่ต้องการให้ผู้ใช้งานเห็น เราจึงกำหนดเป็น hidden เพื่อซ่อน input ดังกล่าวเอาไว้