Page 31 - ชิ้นงานโครงงาน สหรัฐ
P. 31
่
่
่
็
3.6.3 กำรก�ำหนดเวบเพจให้อยูในแต่ละเฟรม โดยทัวไปแล้วเมือสร ้ำงเฟรมแล้วแต่ละ <form>
่
้
้
่
็
เฟรมกจะต้อมีเนอหำหรือข้อมลต่ำง! โดยช ้อมลเหล่ำนนจะเปนข้อมลทีอยูในรูปของเวบเพร ซึงอำจ <Input type='tex" name="ชือช่องกรอกข้อมล" value='ข้อมล" size='number"
็
ั
ู
ู
็
่
ื
ู
่
ู
ู
่ ่
่
จะเขียนมำจำกหลำยๆ ภำษำกใด้ทีเกียวข้องกับกำรสร ้ำงเวยเทจ ในเฟรมหนงเฟรมจะต้องมีข้อมล maxlength='number' disabled='disabled' readonly='readonly' />
็
ึ
็
ู
่
่
้
็
ึ
็
เวบเพงหนงเพจ ซีงวีกำรก�ำหนดเอกสำรแต่ละเฟรมนนจะท�ำภำยในเทก โ๓แe ซึงจะอยูภำยได้แทก </form>
็
ั
่
frameset อีกที
ดังรูปแบบต่อไปน ี ้
<hramesel
่
<firame se-'"ทีอยูของเพงหรือเอกสำรส�ำหรับเฟรมแรก'"> สรุป
่
่
<iame scะ "ทีอยูของเพรหรือเอกสำรส�ำหวับเฟรมถัดมำ>
่
</rameset>
่
็
็
ตัวอย่ำงเช่น ภำษำ HTML (Hyper Text Markup Language) เปนภำษำทีใช ้ในกำรสร ้ำงเวบไซด์
่
็
<framesel rows=*150,""> โดยกำรก�ำหนดรูปแบบของเอกสำรในแต่ละเพจ ค�ำสังของภำษำ HTML จะเรียกว่ำ แทก
้
้
่
ั
<frame stc='lop htm!"> (Tag)ในกำรเขียนภำษำ HITM!. นน จะต้องมีจุดเริมต้นและจุดสินสุด โดยจะต้องกระท�ำ
็
็
็
<frame stc= Index.php'> ภำยใต้แทก himl(<hm>...</html>) ภำยในแทก hแ! กจะมีข้อก�ำหนดย่อยๆ ลงไปอีก
่
่
็
่
ึ
็
</framese> เรียกว่ำ แอตทริบิวด์ (Alitribute)เช่น แทก body กจะมีแอตทริบิวด์ อยูจ�ำนวนหนง เพือ
้
จำกตัวอย่ำงอธิบำยได้ว่ำ จะมีเฟรมทังหมด 2 เฟรมในแนวนอน โดยเฟรมแรกจะมีขนำด ให้เรำสำมำรถก�ำหนดรำยละเฮียดรูปแบบของเอกสำรลงไปในเพจ เช่น
่
่
็
150 พิกเชล ซึงเพจ เop.hm! จะถูกโหลดมำไว้ในเฟรมแรกด้ำนบนสุด ส่วนเทจ Index.php จะ <body bgcolor='red" text='navy'>...</body>แทกหรือค�ำสังในภำษำ HIML จะ
่
็
็
่
็
โหลดมำใส่ มี 2 แบบ คือ แทกเดียวและแทกคู ส�ำหรับแทกเดียว
่
้
ิ
ิ
ิ
่
็
็
็
ั
ิ
ั
นนจะไมมีกำรเปดหรือปดแทก เช่น <br, <๒r> เปนต้น ส่วนแทกคูนนจะมีเปดและปด
่
่
่
็
3.7 ค�ำสังเกียวกับกำรสร ้ำงฟอร ์ม (HTMI. Form) ฟอร ์มเปนส่วนทีใช ้รับข้อมลจำกผ้ใช ้เพือ แทก เช่น
ู
ู
็
้
่
่
่
็
็
นำข้อมลทีถูกบีอนไปประมวผลทีฝงของชิร ์ฟเวอร ์ ซึงไมจ�ำเปนต้องส่งไปยังเชิร ์ฟเวอร ์เสมอไป ถ�ำ <body>...</body>, <p>...</p>, <table>..</table> เปนต้น
�
่
ู
ั
่
่
็
เปนกำรประมวลผลทำงฝงของเชิร ์ฟเวอร ์กต้องใช ้โปรแกรมทีอยูในเชิร ์ฟเวอร ์เปนตัวประมวลผล
็
็
ั
่
่
่
่
เช่น โปรแกรม PHP, ASP เปนต้น ถ้เปนกำรประมวลผลทีเครืองเรำใช ้งำนหรือเครืองลูก (Cllem)
็
็
่
่
็
ั
อำจจะต้องใช ้ Java Scripr เปนตัวประมวลผลหลัก โดยส่วนใหญ่แล้วกำรท�ำงำนฝงเครืองลูกจะ
่
่
็
้
่
เปนกำรตรวจสอบควำมถูกต้องของ ข้อมลทีผ้ใช ้ปอนเข้ำมำว่ำถูกต้องตำมทีก�ำหนดหรือไม เช่น
ู
ู
่
้
ั
ใส่เพำะตัวเลซเท่ำนน ถ้ใส่ช ้อมลทีไมใช่ตัวเลขเข้ำมำโปรแกรมกจะแจ้งควำมผิดพลำดออกไปให้ผ้ ู
็
ู
่
่
ใช ้ได้รู้ว่ำผิดอย่ำงไร ซึงจะเปนกำรช่วยลดภำระกำรท�ำงำนของฝงเชิร ์ฟเวอร ์ลงได้อย่ำงมำก
ั
็
่
กำรสร ้ำงฟอร ์มจะใช ้แทก fท่ พร ้อมด้วยมีแอตทริบิวด์ต่ำงๆ ซึงมีรูปแบบดังน ี ้
็
<fomm แอตทริบิวต์>
อิลิเมนต์ของฟอร ์ม กำรก�ำหนดฟอร ์มและแอตทริบิวต์ เช่น
<form name= 'registerform" method= past' action= 'register.php' target="_
blank">
อิลิเมนต์ของฟอร ์ม ภำยในอิลิมนต์ <โom>..</iomm> จะประกอบด้วยช่องอิลิมนต์ 3 ประเภท
1) <imput>...</Imput>
2) <select>...</select>
3) <textarea>
อิลิเนต์ Input มีหลำยประเภท ได้แก่
่
่
ู
ู
1) Tex Fedใช ้ในกำรรับข้อมลจำกผ้ใช ้แบบบรรทัดเดียวหรือข้อมลทีไมมำกนก โดยมีรูปแบบ
ั
ู
30 31