top of page

การสร้างฟิลด์ข้อมูลแบบข้อความ (Text box)

Text box จะใช้เก็บข้อความสั้นๆแบบบรรทัดเดียว (Single-line) เช่น ชื่อ, นามสกุล, บ้านเลขที่, ถนน, รหัสไปรษณีย์ และอื่นๆ

รูปแบบ < input   type = “text”

                             Size = “ขนาด”

                             Name = “ชื่อของข้อมูล”

                             Maxlength = “ความยาวสูงสุด”

                             Value = “ข้อความ” >

โดยที่

    Type = “text”   เป็นการกำหนดให้รับข้อมูลในแบบข้อความ

    Size =        เป็นการกำหนดขนาดของความยาวของช่องรับข้อความ

    Name = เป็นการกำหนดชื่อของข้อมูลที่ใช้เก็บข้อมูลในแต่ละรายการ เพื่อส่งให้โปรแกรม CGI ในเซิร์ฟเวอร์

    Maxlength เป็นการกำหนดความยาวสูงสุดของข้อมุลที่สามารถรับเข้ามาได้ หากกำหนดยาวกว่าขนาดของ size เมื่อผู้ใช้พิมพ์ข้อมูลเกินขนาดของช่อง ข้อความจะถูกเลื่อนไปเอง 

    Value เป็นการกำหนดข้อความเริ่มต้นให้กับข้อมูล

การสร้างฟิลด์ข้อมูลเเบบ Text (ตัดมาเฉพาะส่วน)

<body>

<form>

ชื่อ : <input type = “text” name = “firstname” size = “20”>

นามสกุล : <input type = “text” name = “lastname” size = “30” ><br><br>

ที่อยู่ : <input type = “text” name = “address” size “65” maxlength = “80”>

</form>

</body>

ผลที่ได้บนเบราว์เซอร์

0003.jpg
bottom of page