แอตทริบิวต์ value

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

ใช้กับแท็ก input, option และอื่นๆ

ช่องป้อนข้อมูลข้อความ

ในกรณีของช่องป้อนข้อมูลข้อความ input เนื้อหาของแอตทริบิวต์ value จะกำหนด ข้อความที่มองเห็นในช่องเป็นค่าเริ่มต้น (สามารถ ลบและพิมพ์ใหม่ได้)

ปุ่ม

ในกรณีที่ใช้แอตทริบิวต์กับปุ่ม ที่สร้างผ่านแท็ก input พร้อมแอตทริบิวต์ type ในค่าต่างๆ คือ button, submit หรือ reset, แอตทริบิวต์ value จะกำหนด ข้อความบนปุ่ม

ช่องทำเครื่องหมาย

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

ปุ่มเลือกแบบเรดิโอ

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

แท็ก option

ในกรณีที่ไม่ได้กำหนดแอตทริบิวต์ value ให้กับแท็ก option เนื้อหาของแท็ก option จะถูกส่งไปยังเซิร์ฟเวอร์ หากกำหนดแอตทริบิวต์ไว้ - เนื้อหาของมัน จะถูกส่งไป

ตัวอย่าง

มาตั้งค่าข้อความเริ่มต้นให้กับช่องป้อนข้อมูล:

html<input type="text" value="ข้อความเริ่มต้น">

Результат:

ตัวอย่าง

ทีนี้มาเปลี่ยนข้อความบนปุ่มกัน:

html<input type="submit" value="คลิกที่ฉัน">

Результат:

ดูเพิ่มเติม