การสร้างแบบฟอร์ม <form>

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
บทที่ 7 การใช้ตัวอักษร สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น.
Advertisements

Swing Component Basic Component.
ฟังก์ชั่นในภาษาซี.
Chapter 2 : Character and Fonts
Active Sever Page.
Week 3 Delphi7.
Chapter VI : การบันทึกข้อมูลผ่านเว็บเพจ
Chapter VII : การแก้ไขข้อมูล
FORM อ.กันทิมา อ่อนละออ
Zotero โปรแกรมจัดการบรรณานุกรมOpen source
Location object Form object
ฟังก์ชันตรวจสอบเงื่อนไข
รับและแสดงผลข้อมูล.
ทส215 การเขียนโปรแกรมบนเว็บ 1
การส่งค่าและการเก็บค่า (ต่อ... )
การสร้างตาราง Click mouse ที่ปุ่ม จะปรากฏช่องสี่เหลี่ยมแสดง
Image Processing & Computer Vision
การสร้างเฟรม(Frame) ด้วยภาษา HTML
แก้ไขปรับปรุง Form.
– Web Programming and Web Database
Visual Basic บทที่ 1.
บทที่ 9 การใส่รูปภาพ (Image).
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การพิมพ์ข้อความ และการสร้างตาราง
จากไฟล์ save_db.php.
โปรแกรม Microsoft Access
PHP with Form ฟอร์ม คือหน้าจอที่ใช้เป็นสื่อกลางในการติดต่อระหว่างผู้ใช้เว็บไซต์ กับ เจ้าของเว็บไซต์ โดยผู้ใช้สามารถกรอกข้อมูลผ่านฟอร์มส่งไปยังเซอร์เวอร์
Electronic Commerce เว็บฟอร์ม (Web Form).
การสร้างบทเรียนอิเล็กทรอนิกส์ด้วย DESTOP AUTHOR โดย นายทรงเดช ขุนแท้ ศึกษานิเทศก์ชำนาญการพิเศษ.
HTML.
การแสดงข้อความ echo - echo “Hello”; // Hello - $text = “ World”;
การสร้างช่องรับข้อมูล
Data Form c40205 Web Site Developing in PDP style ศูนย์คอมพิวเตอร์ โรงเรียน ปลวกแดงพิทยาคม.
การรับข้อมูลในภาษา php
เรื่อง การจัดแต่งเอกสาร
วาดภาพสวยด้วย Paint.
HTML, PHP.
การสร้างหน้าโฮมเพจด้วยโปรแกรม Macromedia Dreamweaver MX 2004
CHAPTER 6 Macromedia Dreamweaver MX 8.
การนำเสนองานบนอินเตอร์เน็ต
การแต่งรูปภาพด้วยโปรแกรม
การเขียนโปรแกรมภาษาคอมพิวเตอร์ 1
หลักการทำ Animation แบบง่ายๆ
การเขียนโปรแกรมภาษาคอมพิวเตอร์ขั้นสูง
วิชาคอมพิวเตอร์กราฟิก intro_vb_net_06 การสร้างกราฟเส้นตรงด้วย VB.NET
วิชาคอมพิวเตอร์กราฟิก
บทที่ 3 การทำงานกับฟอร์ม (Form)
โปรแกรม Microsoft Access
บทที่ 3 การทำงานกับฟอร์ม (Form)
การเขียนโปรแกรม PHP เชื่อมต่อกับ MySQL
PHP for Web Programming
การสร้างตาราง,ฟอร์มและการส่งค่า Get and Post คอลโทรลต่าง ๆ
CHAPTER 12 FORM.
วิธีการสร้าง KM ในระบบ iSchool.
การเขียนโปรแกรมสั่งงานตัวควบคุม (Control)
 Mr.Nitirat Tanthavech.  HTML forms are used to pass data to a server.  A form can contain input elements like text fields, checkboxes, radio-buttons,
เริ่มต้น Photoshop CS5.
การสร้างฟอร์ม(Form) ด้วยภาษา HTML
เอกสารประกอบการบรรยาย เรื่อง การเขียน Home page ด้วย HTML (2) ตอน... การใช้ FORM โดย ผู้ช่วยศาสตราจารย์วิชัย บุญเจือ
การรับข้อมูลใน ภาษา php ศูนย์คอมพิวเตอร์โรงเรียนปลวกแดงพิทยาคม.
อาจารย์ชนิดา เรืองศิริวัฒนกุล หลักสูตรสาขาวิชาเทคโนโลยีสารสนเทศ
การสร้างข้อความลงแผ่นสไลด์
การสร้าง ฟอร์มรับข้อมูล ง การเขียนเว็บไซต์ เบื้องต้น ศูนย์คอมพิวเตอร์ โรงเรียน ปลวกแดงพิทยาคม.
การใช้งาน High Level API : Forms อ. วิวัฒน์ ชินนาทศิริกุล.
Form.
HTML (Hypertext Markup Language).
Work Shop 2.
HTML (2) – Web Programming and Web Database
HYPER TEXT MARKUP LANGUAGE
ภารกิจในการจัดการด้านความมั่นคงชายแดน ส่วนกิจการชายแดนและผู้อพยพ
ใบสำเนางานนำเสนอ:

การสร้างแบบฟอร์ม <form> <form action=“ชื่อไฟล์ที่จะเปิด” method=“วิธีการส่ง” > … </form> ค่าที่กำหนดให้ใช้ method คือวิธีการส่งข้อมูลของ CGI มี 2 แบบ 1. Post คือการส่งข้อมูลภายในฟอร์มทีละบรรทัด (ส่งข้อมูลที่ต้องการให้เป็นความลับ) 2. Get คือการส่งข้อมูลภายในฟอร์มต่อกันเป็นประโยคเดียว Active Sever Page

ช่องในการรับข้อมูล <input> การสร้างช่องรับข้อมูลจะเขียนภายในแท็ก <form>…</form> โดยใช้แท็ก <input> <input type=“ชนิดของช่องรับข้อมูล” name=“ชื่อของช่องรับข้อมูล” > ค่าที่กำหนดให้ใช้ ชนิดของช่องรับข้อมูล เช่น button,Checkbox,file,hidden,image,password,radio,reset,submit,text Active Sever Page

<input type="text" name="TextName"> Text Field 12345678901234567890 <input type="text" name="TextName"> ปรับขนาดช่องรับข้อมูลแถวเดียว ชื่อแอททริบิวท์ size ขนาดของ Text รูปแบบ <input type="text" size=“20"> maxlength จำนวนตัวอักษรสูงสุดที่สามารถป้อน ได้ value ค่าเริ่มต้น

Text Field 12345 กำหนดจำนวนตัวอักษรที่พิมพ์ลงไปได้ ชื่อแอททริบิวท์ maxlength ขนาดของ Text รูปแบบ <input type="text" maxlength =“5"> จำนวนตัวอักษรสูงสุดที่สามารถป้อนได้ 5 ตัวอักษรเท่านั้น

<input type="password" name="TextName"> Password Field <input type="password" name="TextName"> Option size ขนาดของ Text maxlength จำนวนตัวอักษรสูงสุดที่สามารถป้อนได้ value ค่าเริ่มต้น

<textarea name="Name" cols="" rows=""> Text </textarea> Multiline Text cols rows <textarea name="Name" cols="" rows=""> Text </textarea>

Checkbox <input type="checkbox" name="Name“ value=“ได้รับคำแนะนำจากบุคคลอื่น”> Option value กำหนดค่าที่จะส่งไปเซิร์ฟเวอร์หากผู้ใช้เลือก checkbox checked กำหนดให้ checkbox ถูกเลือกไว้ในตอนเริ่มต้น

Active Sever Page

<input type="radio" name="Name"> Radio Button <input type="radio" name="Name"> Option value กำหนดค่าที่จะส่งไปเซิร์ฟเวอร์หากผู้ใช้เลือก radiobutton checked กำหนดให้ radio ถูกเลือกไว้ในตอนเริ่มต้น Name กำหนดชื่อให้เหมื่อนกัน ถ้าต้องการให้ radio อยู่กลุ่มเดียวกัน

<select name="Name" size=""> Listbox <select name="Name" size=""> <option value=""> Text </option> … </select> Option size กำหนดความสูงของ Listbox ถ้ากำหนดค่าเป็น 1 จะเป็น drop-down

<input type="hidden" name="Name" value="Value"> Hidden Field เป็นออบเจ็คที่ไม่แสดงให้เห็นบนเว็บเพจ ซึ่งมัก ใช้ในการส่งข้อมูลจากไฟล์หนึ่งไปยังอีกไฟล์หนึ่ง <input type="hidden" name="Name" value="Value">

<input type="file" name="Name"> File Field ใช้ในการ upload ไฟล์ไปยังเซิร์ฟเวอร์ <input type="file" name="Name"> Option size ขนาดของช่องรับชื่อไฟล์ maxlength จำนวนตัวอักษรสูงสุดที่สามารถจะรับได้

Command Button <input type="commandType" name="Name" value="Value"> commandType button ปุ่มธรรมดา submit ปุ่มส่งข้อมูลภายในฟอร์มไปยังเซิร์ฟเวอร์ reset ปุ่มล้างข้อมูลภายในฟอร์ม Value ข้อความที่จะปรากฎบนปุ่ม

Image Field เป็นปุ่มส่งข้อมูล (submit) ที่สามารถกำหนดให้แสดงเป็นรูปภาพ <input type="image" name="Name" src="pictureName" > Option width ความกว้างของภาพ height ความสูงของภาพ border ขนาดของเส้นกรอบของภาพ