ตัวเลือกการป้อนข้อความสำหรับฟอร์ม HTML

• อาจ 14, 2024

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

ช่องข้อความ
เขตข้อมูลข้อความเป็นหนึ่งในเขตข้อมูลฟอร์มที่ใช้บ่อยที่สุด มันถูกใช้เพื่อรวบรวมคำตอบข้อความสั้น ๆ เช่นชื่อของผู้เข้าชม คุณสามารถใช้ "size =" เพื่อเปลี่ยนขนาดของฟิลด์ข้อความ "maxlength =" เพื่อ จำกัด จำนวนอักขระที่ผู้เข้าชมสามารถป้อนเช่นด้วยหมายเลขโทรศัพท์หรือฟิลด์รหัสไปรษณีย์ และคุณยังสามารถตั้งค่าเริ่มต้นด้วย "value ="

ช่องข้อความที่มีรหัสดังนี้:



... จะมีลักษณะเช่นนี้ในเว็บไซต์ของคุณ:



พื้นที่ข้อความ
พื้นที่ข้อความถูกใช้บ่อยกว่าช่องข้อความ พวกเขาจะใช้ในการจับภาพบล็อกขนาดใหญ่ของการป้อนข้อมูลดังนั้นคุณอาจเพิ่มหนึ่งในแบบฟอร์มของคุณเป็นฟิลด์ความคิดเห็นตัวอย่างเช่น เช่นเดียวกับฟิลด์ข้อความคุณสามารถระบุขนาดของฟิลด์ "rows =" ตั้งค่าความกว้างของพื้นที่ข้อความในขณะที่ "cols =" ตั้งค่าความสูง พื้นที่ข้อความยังมีตัวเลือกตัดคำ หากคุณตั้งเป็น "wrap = off" ข้อความที่ป้อนจะถือเป็นหนึ่งบรรทัดยาว "wrap = virtual" หมายความว่าข้อความปรากฏขึ้นเพื่อตัดภายในฟอร์ม แต่ข้อมูลถูกส่งไปยังเซิร์ฟเวอร์โดยไม่มีการแยกบรรทัดในขณะที่ "wrap = กายภาพ" ทำให้ฟอร์มเพิ่มการกระจายบรรทัดจริงลงในฟิลด์และส่งไปยังเซิร์ฟเวอร์ด้วย การแบ่งรวม

พื้นที่ข้อความมีรหัสดังนี้:

คุณสามารถทดลองโดยป้อนข้อความลงในช่องนี้

... จะมีลักษณะเช่นนี้:

-TEXTAREA- rows = "6" cols = "40" wrap = "virtual"> คุณสามารถทดลองโดยการป้อนข้อความลงในช่องนี้ -TEXTAREA->

ฟิลด์รหัสผ่าน

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

แอททริบิวของฟิลด์รหัสผ่านนั้นเหมือนกับของฟิลด์ข้อความ

ฟิลด์รหัสผ่านมีรหัสดังนี้:



... จะมีลักษณะเช่นนี้: