FORM
CHNG VI
I. GII THIU FORM
1. Form đc s dng khi cn:
– Thu thp thông tin tên, đa ch, s đin thoi, email, …đ
đng ký cho ngi dùng vào mt dch v, mt s kin
– Tp hp thông tin đ mua hàng
– Thu thp thông tin phn hi v mt Website
– Cung cp công c tìm kim trên website
2. Cách to:
Cú pháp:
<Form Method=(Post, Get) Action=script.url>
Ni dung ca Form
</Form>
Trong đó:
-Method: xác đnh phng thc đa d liu lên máy
ch, có 2 giá tr :Post và Get
– Nu giá tr là GET thì trình duyt s to mt câu
hi cha trang URL, mt du hi và các giá tr do
biu mu to ra. Trình duyt s đi script ca câu
hi thành kiu đc xác đnh trong URL đ x lý.
– Nu giá tr là POST thì d liu trên biu mu s
đc gi đn script nh mt khi d liu
-Action: là đa ch ca script s thc hin khi form
đc submit
II. CÁC PHN T CA FORM
Các phn t ca form thng s dng trên web gm:
– Input boxes: nhp d liu dng text và number
– Radio buttons: dùng đ chn mt tùy chn trong danh
sách
– Selection lists: dùng cho mt danh sách dài các la
<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. To hp Password: Nhng ký t nhp vào hin
th di dng du chm , thông tin s không b
mã hoá khi gi lên server
Cú pháp:
<Input Type=”password” Name=”name” size=n
maxlength=n>
– Size: chiu rng ca hp Password, tính bng ký t
– Maxlength: S ký t ti đa có th nhp vào hp
Password
<html>
<head><title>Form</title></head>
<body>
<form><table>
<tr>
<td>Password: </td>
<td><input Type='password' name =Password></td>
</tr>
</html>
4. Radio button: Cho phép ngi xem ch chn mt tu
chn ti mi thi đim
Cú pháp:
<input type="radio" name="name“ value="Value"
checked >Nhãn
• Name: tên ca radio, kt ni các radio button vi nhau
• Value: Nhng d liu s gi đn server khi radio
button đc chn
• Checked: thuc tính đ radio button đc chn mc
đnh
Ví d:
<html>
<head><title>Form</title></head>
<body>
<form><table>
<tr>
<td valign=top>User for</td>
<td>
<input type='radio' name=use value=home>Home<br>
<input type='radio' name=use value=bus>Business<br>
<input type='radio' name=use value=gov>Government<br>
<input type='radio' name=use value=ed>Educational Institution<br>
<input type='radio' name=use value=other>Other<br>
</td>
</tr>
</table></form>
</body>
</html>
5. Submit Button: Tt c thông tin ca ngi xem nhp
li
Cú pháp:
<Input Type=’hidden’ Name=’Name’ Value=’Value’>
– Name: tên mô t ngn gn thông tin cn lu tr
– Value: Thông tin cn lu tr
SELECTION LIST
1. Drop down menu:
Cú pháp:
<Select Name=”Name” Size=n Multiple>
<Option Value=”Value” selected> Option 1
<Option Value=”Value” > Option 2
ầ
</Select>
Nhãn:Gii thiu Menu
Name: tên d liu đu vào server
Size: là chiu cao ca menu tính bng hàng ch
Multiple: là thuc tính cho phép chn nhiu đ mc (listbox)
Selected: đ mc đc chn mc đnh
Value: xác đnh d liu gi cho server nu đ mc đc chn
Ví d:
<html>
<head><title>Dropdown menu</title></head>
<body>
<form>
<select Name=Product>
<option value=1>ScanMaster
<option value=3>ScanMaster II
<option value=4>LaserPrint 1000
<option value=5> LaserPrint 5000
</SELECT>
TEXTAREA
TextArea: Hp vn bn cho phép nhp nhiu dòng
Cú pháp:
<TextArea Name=”name” Rows=n Cols=m Wrap>
Default text
</textarea>
– Rows: s dòng có th nhp vào TextArea (mc đnh là 4)
– Cols: đ rng ca textarea, tính bng s ký t, mc đnh
là 40
– Wrap: các dòng ch t đng dàn ra trong l ca vùng text
area, Value: virtual,physical
Ví d:
<form>
<table>
<tr>
<td valign=top> Comments ?</td>
<td><textarea rows=4 cols=50 name=comments
wrap=virtual></textarea>
</td>
</tr>
</table>
</form>
Nhãn: Dùng đ to nhãn liên kt vi thành phn đi kèm
Cú pháp:
<Label For=”idname”> Ni dung label</label>
Idname: là giá tr ca thôc tính ID trong thành phn Form
tng ng
Ví d:
Copyright: Tài liệu đại học ©