การสร้างเว็บไซต์ด้วย Dreamweaver(3) : การสร้างข้อความแบบตัวเลือก(list Box)

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: การสร้างเว็บไซต์ด้วย Dreamweaver(3) : การสร้างข้อความแบบตัวเลือก(list Box)

การสร้างเว็บไซต์ด้วย Dreamweaver(3) : การสร้างข้อความแบบตัวเลือก(list Box)

โดย dawthana » 08/12/2016 5:22 pm

สร้างข้อความแบบตัวเลือกlist Box(ลิส บล็อค)
การวร้างเว็บไซต์ด้วย Dreamweaver (ดรีมเวฟเวอร์) สามารถสร้างข้อความแบบตัวเลือกเป็นการป้องกันเพื่อไม่ให้ข้อมูลที่ได้รับออกนอกประเด็นหรือเป็นการทำให้คำตอบแคบลง และช่วยให้ร่นเวลาในการตอบ เช่น การตอบคำถามต่างๆ

การสร้าง site สามารถดูเพิ่มเติม ได้ที่นี่
การดักข้อมูลที่มีค่าว่างด้วยคำสั่ง Javascript ได้ที่นี่

การสร้างเพจ
File(ไฟล์) > New(นิว)
2-1.png
2-1.png (28.28 KiB) Viewed 390 times
Blank Page (แบล้งเพจ) > PHP (พีเอชพี) > Create (ครีเอท)
2-2.png
2-2.png (30.55 KiB) Viewed 390 times
ทำการเซฟไฟล์
File > save as (เซฟ แอด)
2-3.png
2-3.png (27.75 KiB) Viewed 390 times
ในตัวอย่างสร้างไฟล์ชื่อ index.php (อินเด็กดอทพีเอชพี) ที่โฟลเดอร์ชื่อ test (เทส)
3-4.png
3-4.png (22.97 KiB) Viewed 390 times
การสร้างฟอร์ม
Insert(อินเสริด) > form(ฟอร์ม) > form
2-5.png
2-5.png (41.03 KiB) Viewed 390 times
การสร้างตารางควรสร้างภายใต้ฟอร์มที่สร้างไว้
Insert > Table(เทเบิล)
2-6.png
2-6.png (28.92 KiB) Viewed 390 times
ในที่นี้จะสร้างตาราง 1 แถว 2คอลัมน์ ขนาด 500 Pixel(พิกเซล)
3-6.png
3-6.png (37.93 KiB) Viewed 390 times
เมื่อได้ตารางแล้วให้คลิกคลุมทั้งตารางแล้วเลือก Align (อะราย) > Center(เซ็นเตอร์)
3-7.png
3-7.png (36.99 KiB) Viewed 390 times
พิมข้อความ แล้วเลือก Align Center
3-8.png
3-8.png (133.06 KiB) Viewed 390 times
แล้วนำเม้าส์ไปวางในส่วนที่ต้องการให้มีข้อความแบบตัวเลือก
3-10.png
3-10.png (20.17 KiB) Viewed 390 times
แล้วไปในส่วนของหน้า Code (โค้ด) นำโค้ดไปวาง
3-11.png
3-11.png (129.81 KiB) Viewed 390 times
ตัวอย่างโค้ดในการสร้างข้อความแบบตัวเลือก(list Box)

โค้ด: เลือกทั้งหมด

<select name="Gender">
            <option value="" >--Select--</option>
            <option value=" M "> Male </option>
            <option value=" F "> Female </option>
</select>
แล้วกลับมาในส่วนของหน้า Design (ดีไซน์) จะได้ดังตัวอย่าง
3-12.png
3-12.png (22.92 KiB) Viewed 390 times
เมื่อรันดู File > Preview > Google Chrome
3-14 copy.png
3-14 copy.png (10.82 KiB) Viewed 390 times

ข้างบน