bài giảng thiết kế web - chương6 - form

27 277 4
bài giảng thiết kế web - chương6 -  form

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

FORM CHNG VI I. GII THIU FORM 1. Form đc s dng khi cn: – Thu thp thông tin tên, đa ch, s đin thoi, email, …đ đng ký cho ngi dùng vào mt dch v, mt s kin – Tp hp thông tin đ mua hàng – Thu thp thông tin phn hi v mt Website – Cung cp công c tìm kim trên website 2. Cách to: Cú pháp: <Form Method=(Post, Get) Action=script.url> Ni dung ca Form </Form>  Trong đó: -Method: xác đnh phng thc đa d liu lên máy ch, có 2 giá tr :Post và Get – Nu giá tr là GET thì trình duyt s to mt câu hi cha trang URL, mt du hi và các giá tr do biu mu to ra. Trình duyt s đi script ca câu hi thành kiu đc xác đnh trong URL đ x lý. – Nu giá tr là POST thì d liu trên biu mu s đc gi đn script nh mt khi d liu  -Action: là đa ch ca script s thc hin khi form đc submit II. CÁC PHN T CA FORM Các phn t ca form thng s dng trên web gm: – Input boxes: nhp d liu dng text và number – Radio buttons: dùng đ chn mt tùy chn trong danh sách – Selection lists: dùng cho mt danh sách dài các la chn, thng là trong Drop-down list box – Check boxes: ch đnh mt item đc chn hay không – Text area: mt text box có th cha nhiu dòng – Submit và Reset button: đ gi form đn CGI script va đ reset form v trng thái ban đu INPUT BOXES Là mt hp dòng đn dùng đ nhp vn bn hoc s.  to các input boxes, s dng tag <INPUT>, tag <INPUT> còn đc s dng cho nhiu loi field khác trên form.  Cú pháp: <FORM> <INPUT TYPE=Object NAME=Text> </FORM>  Các giá tr ca thuc tính TYPE: Mc đnh giá tr ca TYPE là text, nu trong tag <INPUT> không nhp thuc tính TYPE thì loi input boxes là text 1. Text box: Hp vn bn, do ngi s dng nhp vào  Cú pháp: <Input Type=”Text” Value=”Value” Name=”name” Size=n Maxlength=m> – Name : tên d liu đu vào server – Value: D liu ban đu có sn trong text box – Size: chiu rng ca text box tính bng s ký t (mc đnh là 20) – Maxlength: s ký t ti đa có th nhp vào text box  Ví d: <html> <head><title>Form</title></head> <body> <form method =post action=“CGI”> <table> <tr> <td width=100>UserName </td> <td>< input type=text name =UserName ></td> </tr> <table> </form> </body> </html> 2. To hp Password: Nhng ký t nhp vào hin th di dng du chm , thông tin s không b mã hoá khi gi lên server Cú pháp: <Input Type=”password” Name=”name” size=n maxlength=n> – Size: chiu rng ca hp Password, tính bng ký t – Maxlength: S ký t ti đa có th nhp vào hp Password <html> <head><title>Form</title></head> <body> <form><table> <tr> <td>Password: </td> <td><input Type='password' name =Password></td> </tr> </table></form> </body> </html> 3. Checkbox: Hp chn, ngi xem có th đánh du nhiu checkbox trong cùng 1b  Cú pháp: <Input Type=”Checkbox” Name=”Name” Value=”Value” Checked> Nhưn – Name: tên ca checkbox – Value: xác đnh mi giá tr cho mi hp checkbox đc gi cho server khi ngi xem đánh du vào checkbox – Checked: thuc tính đ hp check box đc chn mc đnh [...]... Form Hobby: Music Film Sport < /form> 4 Radio button Cú pháp: checked >Nhãn : Form ... value=6>Print/scan 150 Print/scan 250 < /form> 2 Lixbox: listbox ScanMaster ScanMaster II LaserPrint 1000 LaserPrint 5000 Print/scan 150 Print/scan 250 < /form> 3 : Cú pháp: TEXTAREA... virtual,physical Comments ? < /form> Nhãn: Cú pháp: Idname Firsname: Last name: Label FIELDSET Cú pháp: -Tag< legend>... -Tag< legend> : -Align= left, right Position Application for the post of: Educational Qualifications Graduate Postgraduate < /FORM> 1 : TabIndex=n... < /form> 5 Submit Button: Submit Cú pháp: Submit Message Name 6 Reset Button: Cú pháp: pháp: 7 Button: Cú pháp: 8 Hidden: Cú pháp: Name Value SELECTION LIST 1 Drop down menu: Cú pháp: Nhãn Name: Size Multiple Selected Value Dropdown menu . hi v mt Website – Cung cp công c tìm kim trên website 2. Cách to: Cú pháp: < ;Form Method=(Post, Get) Action=script.url> Ni dung ca Form < /Form& gt;  Trong đó: -Method:. script nh mt khi d liu  -Action: là đa ch ca script s thc hin khi form đc submit II. CÁC PHN T CA FORM Các phn t ca form thng s dng trên web gm: – Input boxes: nhp. FORM CHNG VI I. GII THIU FORM 1. Form đc s dng khi cn: – Thu thp thông tin tên, đa ch, s đin thoi,

Ngày đăng: 19/12/2014, 23:40

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan