ภาษา HTML เบื้องต้น

                                  เทคนิคการสร้างฟอร์ม(Form)
 
        การสร้างฟอร์ม(Form)
   การใช้ชุดคำสั่ง FORM
              การใช้ชุดคำสั่ง Form(<FORM>…</FORM>)
               รูปแบบ : <FORM METHOD=…ACTION=…>…</FORM>
       องค์ประกอบในคำสั่งเปิด
                   METHOD=… วิธีส่งข้อมูลมี 2  แบบ คือ GET หรือ POST
                   ACTION=… ขบวนการส่งผ่านข้อมูลมี 2 แบบ คือ mailto:account@host (ใช้ได้เฉพาะ Browserตระกลู Netscape) หรือผ่าน CGI ไปยัง file ที่เตรียมไว้ โดยระบุ path บน server คือ…/cgibin/*.*
                   ENCTYPE=… การเข้ารหัสข้อมูล มี 2 แบบเช่นกัน คือ application/x-www-form-urlenccoded (text/plain)ซึ่งจะแปลงข้อมูล(รวมทั้งช่องว่าง) เป็นตัวอักษรติดกันตลอด หรือ ซึ่งจะส่งไปโดยแบ่งเป็นหลายๆ ส่วน แต่ไม่แปลงข้อมูล
                   TYPE=…ให้ระบุชนิดของข้อมูล
                   TEXT กรอกคำ หรือวลี ชื่อ-สกุล
                    PASSWORD กรอกรหัสผ่าน
                    RADIO ให้เลือกเพียง 1 ในรายการทั้งหมด
                    CHECKBOX ให้เลือกได้หลายรายการ
                    SUBMIT ปุ่มส่งข้อความ
                    RESET ปุ่มยกเลิก หรือลบข้อมูลที่กรอกไปแล้วแต่ต้องการแก้ไข
                    BUTTON ปุ่มพิเศษ มีหน้าที่ตามที่เราจะมอบหมายให้
                    TEXT AREA(<TEXTAREA></TEXTAREA>)กรอกข้อความสั้นๆ                     SELECTION(<SELECT></SELECT>)ให้เลือก 1 ใน รายการทั้งหมดซึ่ง                     มักจะมีมากกว่าใน RADIO
                    NAME=…ให้ระบุชื่อของข้อมูล
                    VALUE=…ให้ระบุค่าตั้งต้น หรือระบุค่าที่ปรากฏบนปุ่มในพวก PUSH BUTTON

       ตัวอย่างการใช้ Form

                <FROM>…</FROM>
                <FROM METHOD=POST ACTION= mailto:[email protected]?subject=Feedback ENCTYPE=text/plan”>

                </FROM>

                TYPE=TEXT
        ชื่อของท่านคือ <INPUT TYPE=TEXT NAME=“NAME”>

                TYPE=CHECKBOX
     ระบบปฏิบัติการที่ใช้<BR>
<INPUT TYPE=CHECKBOX NAME= “Windows3.11”>Windows3.11<BR>
<INPUT TYPE=CHECKBOX NAME= “Windows95”>Windows95,97,98<BR>
<INPUT TYPE=CHECKBOX NAME= “WindowsNT”>WindowsNT<BR>
<INPUT TYPE=CHECKBOX NAME= “Macintosh”>Macintosh<P>
                 
                 TYPE=RADIO
<INPUT TYPE=RADIO NAME= “Windows3.11”>Windows3.11<BR>
<INPUT TYPE=RADIO NAME= “Windows95”>Windows95,97,98<BR>
<INPUT TYPE=RADIO NAME= “WindowsNT”>WindowsNT<BR>
<INPUT TYPE=RADIO NAME= “Macintosh”>Macintosh<BR>
<INPUT TYPE=RADIO NAME= “DOS”>DOS<P>

                  TEXTAREA
         ปัญหาที่พบ <BR>
<TEXTAREA NAME=“PROBLEMS” ROW=6 COLS=50></TEXEAREA><P>

                   SELECT
    เวลาเฉลี่ยที่คุณใช้ internet ในแต่ละวัน <BR>
       <SELECT NAME=”TIME”>
<OPTION>0-1 ชั่งโมง<BR>
<OPTION>1-2 ชั่งโมง<BR>
<OPTION>2-3 ชั่งโมง<BR>
<OPTION>3-4 ชั่งโมง<BR>
<OPTION> 4 ชั่งโมง<BR>
        </SELECT> 

Best view IE 5.x Display 800x600
 
 

      คำสั่งเกั่ยวตัวอักษร
      คำสั่งเกี่ยวสี
      คำสั่งเกี่ยวกับรูปภาพ
      เทคนิคการเชื่อมโยง
      การเรียงลำดับรายการ
      เทคนิคการสร้างตาราง
      เทคนิคการสร้างFrame
      เทคนิคการสร้างForm

I TOP I  HOME I