2. นางสาวดวงกมล ภู่อะร่าม รหัสนิสิต 58170037 กลุ่ม 1
3. ตั้งชื่อหัวเรื่องหน้าเว็บ ให้ชื่อว่า Test Java AGE โดยพิมพ์<title> Test Java AGE </title> ภายใต้<head>
ในบรรทัดที่ 3
4. จากนั้นพิมพ์ <script>เพื่อใส่ Tag Comment ต่อในบรรทัดถัดมา และพิมพ์</script> ต่อท้าย
จากนั้นในบรรทัดที่ 11 และ 12 เพื่อการส่งค่าข้อมูล ให้พิมพ์ <form> และ </form>
3. นางสาวดวงกมล ภู่อะร่าม รหัสนิสิต 58170037 กลุ่ม 1
5. ในบรรทัดที่11 ทาการสร้างกล่องส่งข้อมูลจะตั้งชื่อ form ว่า test ให้พิมพ์<form name = “test” method =
“post” action = “”> การใช้ post เพื่อเป็นวิธีการส่ง การใช้ action เพื่อเป็นการกระทา
6. เมื่อได้กล่อง form แล้ว ต่อมา เพื่อให้ลูกค้ากรอกข้อมูล ให้กล่องมีชื่อว่า age เพื่อกรอกข้อมูลตัวเลขอายุ
โดยพิมพ์<input type> = “text” name = “age” size = “3” ความกว้างของกล่องมีค่าความกว้างที่ 3
4. นางสาวดวงกมล ภู่อะร่าม รหัสนิสิต 58170037 กลุ่ม 1
7. จากนั้นทาการสร้างปุ่มให้สามารถคลิกส่งค่าได้ชื่อปุ่มให้ชื่อว่า submit
โดยพิมพ์ <button name = “submit” onclick = “”></button>
8. จากนั้น Save โดยตั้งชื่อว่า week3_age และเลือก Save as type เป็น HTML
5. นางสาวดวงกมล ภู่อะร่าม รหัสนิสิต 58170037 กลุ่ม 1
9. เข้าไปเปิดเว็บที่ Save ไว้โดยคลิกขวา > Open with > Google Chrome
10. เมื่อเปิดหน้าเว็บแล้วจะเห็นว่าปุ่มส่งไม่มีชื่อ เราจะใส่ชื่อให้ปุ่ม
6. นางสาวดวงกมล ภู่อะร่าม รหัสนิสิต 58170037 กลุ่ม 1
11. ใส่ชื่อให้ปุ่มชื่อ Sent Dataโดยพิมพ์แทรกหลัง onclick ในบรรทัดที่ 13 ดังภาพด้านบน
จากนั้นกด Save
12. ไปที่หน้าเว็บ จากนั้นกด Refresh จะแสดงชื่อปุ่ม Sent Data ขึ้น ดังภาพด้านบน