เทคนิคการสร้างฟอร์มให้สวยงาม จัดทำโดย : Mr.GuruZ พิมพ์
 :: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------
  เทคนิคการสร้างฟอร์มให้สวยงาม หลายคนมีปัญหาว่าเวลาที่เราสร้างฟอร์มทำไมข้อมูลต่างๆ ไม่เรียงกัน ถึงเรียงแต่เอ๊ะทำไมช่องมันยังห่างอีก ถ้าใครมีปัญหาแบบนี้อ่านบทความนี้เลยครับ

ขั้นตอนการทำ

1. สร้างเอกสารที่เราจะสร้าง Form ขึ้นมา

2. หลังจากนั้นให้เราสร้าง Form ขึ้นมาแล้วใส่ตารางลงไปใน Form ที่เราสร้างขึ้นมาขนาด 1x1 ดังภาพ

3. หลังจากนั้นให้เราสร้าง Form ที่เราต้องการลงไปในตารางที่เราสร้าง

4. หลังจากนั้นให้เราแก้โค้ด Form เล็กน้อย โดยให้นำ Tag Form ไปใว้ระหว่าง Tag <TR><TD>

โค้ดก่อนทำการแก้ไข
<html>
<head>
<title>Un title page</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
</head>
<body bgcolor="#FFFFFF">
<form name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td>ชื่อ :
<input type="text" name="textfield">
ที่อยุ่ :
<input type="text" name="textfield2">
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Submit2" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>

โค้ดที่ได้ทำการแก้ไขแล้ว
<html>
<head>
<title>Un title page</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
</head>
<body bgcolor="#FFFFFF">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<form name="form1" method="post" action=""> //นำโค้ดมาไว้ระหว่าง Tag
<td>ชื่อ :
<input type="text" name="textfield">
ที่อยุ่ :
<input type="text" name="textfield2">
<input type="submit" name="Submit" value="Submit">
<input type="reset" name="Submit2" value="Reset">
</td>
</form>
</tr>
</table>
</body>
</html>

5. ผลที่ได้ใน Dream เราจะไม่เห็นเส้นฟอร์มแล้วใช่ไหมครับ แต่ฟอร์มยังใช้งานได้อยู่นะครับ
 
คุณอาจสนใจ
Vase
เว็บไทยดีดี (20,422 - 02 เม.ย. 51)
การทำ Banner ง่ายๆ สไตล์ Namo WebEditor
Mr.GuruZ (51,081 - 10 พ.ค. 51)
การทำตัวอักษรลายไม้
Lek (61,088 - 04 มิ.ย. 49)
การเก็บ Template ที่ออกแบบไว้ใช้งาน
หมูขุน (40,522 - 04 ก.พ. 50)
สรุปคำสั่ง Action Script บน Flash MX (ตอนที่ 1)
สหรัถ แซ่ตั้ง (46,171 - 08 ก.ย. 50)
การใส่ Movies
หมูขุน (26,306 - 04 ก.พ. 50)
ประเภทของข้อมูลและตัวดำเนินการในภาษา c
Mr.POP (73,786 - 26 พ.ย. 50)
การปรับแต่งรอยมาร์คเพื่อการตัด(ต่อจากเรื่องนามบัตร)
Lek (50,531 - 27 มิ.ย. 49)