ใบความรู้ที่ 2.14 ฟอร์ม-1
3
!"#$ %&’ ( !%&) *+,-./ 0)) !%&) *1+,-./ 0)$2333’&%&)4 ’4$’4 ’56%4)7 #4’8 *9:;<= =>;?/ %4)45’ ( 5@ *9:;<= =>;?/ %4)&!! 4’54$ !"# #$!% & #%’#& *ABCD/ EF.?G 0)H2*IC/ *JEKLM MNKOPQ=?R=Q ESDOPQ:F.?Q TJUOPQVWQ DSXYOEZM[PVW/*IC/ T9=? L-\G %4)’827*IC/ *JEKLM MNKOPQ=?R=Q ESDOPQ]9=?<-\Q TJUOPQVWQ DSXYOEZM[PVW ^SYLOPQ_==;G11Q/*IC/ *1ABCD/ ())*+,-. EF.? G 0)H2 T9=? L-\G %4)’827 ,/0 1* *JEKLM MNKOPQ=?R=Q/ 56&"!"4’8 MOXM ESDOPQ:F.?Q 0)8’8 ‘#40)’$&"4’8’ a ’b TJUOPQc WQ 56&"8’8 DSXYOEZM[PQVWQ 56&"288 ‘#&d b ^SYLOPQ_==;G11Q 56&"’0$!"’8
-
Upload
samorn-tara -
Category
Technology
-
view
326 -
download
0
Transcript of ใบความรู้ที่ 2.14 ฟอร์ม-1
วชาการสรางและออกแบบเวบไซต โดยครสมร ตาระพนธ�
ใบความรท 2.14การสรางแบบฟอรม (Form)
การสรางแบบสอบถามในหนาเวบเพจนน สามารถทาไดงาย ๆ โดยการใชแทกคาสง<form> เพอเรมตนแบบสอบถาม และใชแทกคาสง </form> เพอสนสด...แตลาพงแทกคาสงเพยงคนคเดยว ยงไมสามารถเปนแบบสอบถามทสมบรณได จะตองมชองรบขอมล <input type> ทมรปแบบตาง ๆ กน มาประกอบดวย, <input type> ทสามารถนามาใชในแบบสอบถามได มดงตอไปน
1. แบบท 1 INPUT TYPE แบบ " TEXT"
<FORM>Name: ชอ-นามสกล<BR><INPUT TYPE="text" NAME="name" SIZE="30" MAXLENGTH=30><BR>Site Url: ทอยเวบไซตของคณ<BR><INPUT TYPE="text" NAME="siteurl" SIZE="30" MAXLENGTH=30
VALUE="http://"><BR></FORM>
ผลลพธทได�
Name : ชอ-นามสกล
Site Url: ทอยเวบไซตของคณhttp://
อธบาย คาสง<INPUT TYPE="text">
เปนการกาหนดใหมชองรบขอมลแบบ TEXT
NAME="name" ชอของชองรบขอมล ( จะตองมชอไมซากนหากมชองรบขอมลมากกวา 1 ชอง)SIZE="2 0" เปนการกาหนดความกวางของชองรบขอมลMAXLENGTH="30" เปนการกาหนดความยาวสงสดของขอมล ( จานวนตวอกษ ร)VALUE="http://" เปนการกาหนดคาเบองตนใหกบชองรบขอมล
วชาการสรางและออกแบบเวบไซต โดยครสมร ตาระพนธ�
2. แบบท 2 INPUT TYPE แบบ " REDIO"
<FORM>คณอายเทาใด:( เลอกเพยงขอใดขอหนงเทานน) <BR><INPUT TYPE="radio" NAME="age" VALUE="2 0-30">2 0-30 ป�<INPUT TYPE="radio" NAME="age" VALUE="31 -40" CHECKED>31 -40 ป�<INPUT TYPE="radio" NAME="age" VALUE="41 -50" DISABLED>41 -50 ป�
</FORM>
ผลลพธทได�
คณอาย�เทาใด:( เลอกเพยงขอใดขอหนงเทานน)
2 0-30 ป� <-- คาปกต
31 -40 ป� <-- CHECKED
41 -50 ป� <-- DISABLED
อธบาย คาสง<INPUT TYPE="redio"> เปนการกาหนดใหมชองรบขอมลแบบ REDIONAME="age" ชอของปมรบขอมล ( ตองเปนชอเดยวกนทกปม)VALUE="2 0-30" เปนกาหนดคาหรอขอมลใหกบปมรบขอมลCHECKED เปนการกาหนดใหมการเลอกปมรบขอมลนเปนเบองตนDISABLED เป�นการกาหนดไมใหมการเลอกปมรบขอมลน
3. แบบท 3 INPUT TYPE แบบ " CHECKBOX"
<FORM>หวขอใดทคณชนชอบเปนพเศษ ( เลอกไดมากกวา 1 ขอ) <BR> <INPUT TYPE="checkbox" NAME="Members">ทะเบยนรายชอสมาชก<BR><INPUT TYPE="checkbox" NAME="New page" CHECKED>แนะนาเวบเพจใหม�<BR><INPUT TYPE="checkbox" NAME="Techno" DISABLED>วชาการ/บทความ<BR>
</FORM>
วชาการสรางและออกแบบเวบไซต โดยครสมร ตาระพนธ�
ผลลพธทได�
หวขอใดทคณชนชอบเปนพเศษ ( เลอกไดมากกวา 1 ขอ)
ทะเบยนรายชอสมาชก <-- คาปกต
แนะนาเวบเพจใหม� <-- CHECKED
วชาการ/บทความ <-- DISABLED
อธบาย คาสง<INPUT TYPE="checkbox">
เปนการกาหนดใหมชองร�บขอมลแบบ CHECKBOX
NAME="Member" ชอของปมรบขอมล( จะตองมชอไมซากนหากมปมรบขอมลมากกวา1 ปม)
VALUE="2 0-30" เปนกาหนดคาหรอขอมลใหกบปมรบขอมลCHECKED เปนการกาหนดใหมการเลอกปมรบขอมลนเปนเบองตนDISABLED เปนการกาหนดไมใหมการเลอกปมรบขอมลน
