ปุ่มส่งและรีเซ็ตแบบฟอร์ม HTML - แท็กป้อนข้อมูล

• อาจ 19, 2024

อย่างที่คุณเห็นมีสองคุณสมบัติที่ควบคุมปุ่มเว็บ นอกจากนี้ยังไม่มีแท็กปิดอินพุต

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

แอตทริบิวต์ค่า
แอตทริบิวต์ value บอกเว็บเบราว์เซอร์ว่ามีข้อความใดให้แสดงที่ด้านบนของปุ่ม สิ่งที่อยู่ระหว่างเครื่องหมายคำพูดทางด้านขวาของเครื่องหมายเท่ากับจะปรากฏขึ้น ในตัวอย่างแท็กอินพุตแรกตั้งเลเบลบนปุ่มเป็น "ส่ง" และแท็กอินพุตที่สองตั้งค่าเลเบลของปุ่มอื่นเป็น "รีเซ็ต"

แบบฟอร์มบนเว็บไม่มีประโยชน์มากสำหรับทุกคนที่ไม่มีปุ่มส่ง อันที่จริงแล้วหากไม่มีปุ่มนี้แบบฟอร์มบนเว็บของคุณจะอยู่ที่นั่นบนหน้าเว็บของคุณและไม่สามารถส่งข้อมูลที่ได้รวบรวมไปยังโปรแกรมประมวลผล คุณจะใช้แท็กอินพุตเพื่อสร้างปุ่มส่ง คุณยังสามารถใช้แท็กอินพุตเพื่อสร้างปุ่มรีเซ็ต (ซึ่งเมื่อคลิกแล้วจะรีเซ็ตฟิลด์อินพุตทั้งหมดเป็นค่าเริ่มต้น) < วงเล็บมุมซ้าย อินพุต ชื่อองค์ประกอบ ชนิด แอตทริบิวต์ type จะควบคุมประเภทของปุ่มบนเว็บฟอร์ม ราคา แอตทริบิวต์ value จะแสดงป้ายกำกับบนปุ่ม > วงเล็บมุมฉาก