สร้าง Text Field


หน้าแรก Dreamweaver CS5 สร้าง Text Field

ฟิลด์สำหรับกรอกข้อมูล นั้นมีไว้สำหรับให้ผู้เยี่ยมชมเว็บไซต์ของเรานั้นกรอกข้อมูลลงบนฟอร์มที่เราสร้างขึ้น โดย Text Field นั้นมีการรับข้อมูลในแบบข้อความบรรทัดเดียว หรือ รหัสผ่าน หรือ ข้อความหลายบรรทัดนั้นเอง

 

 

 

ในตอนแรกเราจะมาสร้าง Text Field กันนะครับ

ให้วางเคเซอร์ตรงตำแหน่งที่ต้องการสร้าง Text Field

จากนั้นให้เลือก Insert > Form > Text Field ตามรูปข้างบนเลยน่ะครับ

 

จะปรากฏหน้าต่าง Input Tag Accessibility Attributes ให้เพื่อนๆ เลือก OK เลยนะครับ ตามรูปบน

 

หลังจากนั้นให้เราคลิกช่อง Text Field เพื่อกำหนดค่าให้กับ Text Field

 

ให้เรากำหนดค่าโดย
TextField (1) - ชื่อ TextField 
Char width (2) - ขนาดความกว้างของ TextField
Max chars (3) - จำนวนข้อความที่ให้กรอกใน TextField
Type (4) - ประเภทของ TextField ว่าเป็นประเภทอะไร โดย
                 Single line คือ TextField กล่องข้อความบรรทัดเดียว ซึ้งเอาไว้รับค่าพวก username ชื่อ เบอร์โทร
                 Multi line คือ TextField กล่องข้อความหลายๆบรรทัด ซึ้งเอาไว้รับค่าพวก ที่อยู่ รายละเอียดที่มากๆ
                 Password คือ TextField กล่องรับรหัสผ่าน เอาไว้รับรหัสผ่านต่างๆ ซึ้ง เวลากรอกข้อมูลลงไปจะเห็นเป็น ****



ขึ้นไปด้านบน