Welcome to TRIDUNG.DE!

[back] [index]

Form, List v� một mớ b�ng bong ;-)

Form

Khi v�o một trang contact, bạn thường thấy một form như sau:

T�n bạn:
�ịa chỉ E-Mail:
Giới t�nh:	nữ nam
Bạn th�ch:	xem TV đọc s�ch
Bạn đến từ:
Bạn n�i tiếng:
Lời nhắn nhủ:	Viết v�o đ�y

D�ng form n�y, bạn c� thể ghi v�o sổ lưu b�t, gửi � kiến tới người chủ website... �ể c� được form như tr�n, bạn phải viết HTML Code sau:

<form method="post" action="mailto:[email protected]">

T�n bạn: <input type="text" size="30" name="ten">

E-Mail: <input type="text" size="30" name="e-mail">

Giới t�nh:<input type="radio" value="f" name="sex" checked> nữ <input type="radio" value="m" name="sex"> nam

Bạn th�ch:<input type="checkbox" value="Xem TV" name="TV"> xem TV <input type="checkbox" value="Doc sach" name="Book"> đọc s�ch

Bạn đến từ: <select name="land"><option value="VN">Vietnam <option value="USA"> USA <option value="De"> Germany</select>

Bạn n�i tiếng: <select name="language" size="2"><option value="Viet">Viet <option value="Engl"> Anh <option value="Deutsch"> Duc</select>

Lời nhắn nhủ: <textarea cols="10" rows="3" name="tin">Viết v�o đ�y</textarea>

<input type="submit" value="send">
<input type="reset" value="clear">
</form>

Cặp TAG <form></form> khai b�o với browser một form, giữa cặp TAG n�y l� c�c (cặp) TAG kh�c của form.

Một form c� 2 phương thức (method): post v� get, ở v� dụ n�y ta đề cập đến phương thức post.

<action=""> quyết định cho h�nh động của form khi n�t send được nhấn. Trong v� dụ n�y l� gửi e-mail tới địa chỉ [email protected]

<input type = "text" name="ten" size="30"> tạo ra một control cho ph�p bạn nhập t�n v�o form. Control n�y c� t�n l� "ten", k�ch cỡ l� "30". T�n v� k�ch cỡ bạn c� thể tuỳ chọn.

<input type = "text" name="thu" size="30"> tạo ra một control cho ph�p bạn nhập e-mail v�o form. Control n�y c� t�n l� "e-mail", k�ch cỡ l� "30". T�n v� k�ch cỡ bạn c� thể tuỳ chọn.

<input type="radio" value="f" name="sex" checked> nữ v� <input type="radio" value="m" name="sex"> nam: cho ph�p bạn chọn giới t�nh. Trong control thứ nhất, bạn thấy chữ checked v� đồng thời ở form, giới t�nh nữ cũng được chọn sẵn.
<select name="land"><option value="VN">Vietnam <option value="USA"> USA <option value="De"> Germany</select> cho ph�p bạn chọn nước từ một list c� sẵn.
<select name="language" size="2"><option value="Viet">Viet <option value="Engl"> Anh <option value="Deutsch"> Duc</select> cho ph�p bạn chọn tiếng từ một list c� sẵn nhưng ở đ�y size="2" c� nghĩa l� list n�y c� 2 d�ng (bạn thấy cả Viet v� Anh)

<textarea cols="10" rows="3" name="tin">viết v�o đ�y</textarea> tạo ra một control cho ph�p bạn viết cả một đoạn text d�i với nhiều d�ng. rows v� cols cho ph�p bạn định k�ch cỡ của control. ��y l� một cặp TAG m� ở giữa ch�ng bạn c� thể viết sẵn Text.

<input type="submit" value="send"> tạo ra một n�t mang t�n "send". Nếu g� v�o n�t n�y, tất cả c�c th�ng tin của form được gửi đi.

<input type="reset" value="clear"> tạo ra một n�t mang t�n "clear" với t�c dụng chuyển form về trạng th�i ban đầu.

Listing (odered & unodered list)

Nếu đang quen sử dụng Word, chắc bạn sẽ hỏi, l�m thế n�o để tạo được một danh s�ch c� thứ tự (numbering - 1, 2, 3, 4 ....) hoặc c� c�c dấu chấm tr�n (bullets) ở đầu từng d�ng như dưới đ�y (danh s�ch mua đồ ăn b� x� viết v� t�nh c�ch của bả psssst...):

Numbering	Bullets
Mua rau tươi nh� b� T�m b�o Qua chợ Mơ mua chả ở quầy chị Hảo vẩu cho rẻ 4 lạng thịt băm tr�n chợ Cầu Giấy 1 con g� l�m sẵn ở chợ Vĩnh Hồ	Ra vẻ th�ch ăn đồ đắt tiền (disc) Nhưng thực ra lại rất ki bo (disc) Kh�ng thương chồng (disc) Lười như hủi ;-) (square)

Rất đơn giản, bạn chỉ cần biết đến một số TAG sau: <ol></ol> (ordered list) <ul></ul> (unordered list) <li> (list) v� những thuộc t�nh của c�c TAG đ�: type="disc", type="square", type="circle". Hai Lists tr�n được viết bằng HTML Code sau, bạn xem sẽ hiểu ngay:

<ol>
<li>Mua rau tươi nh� b� T�m b�o</li>
<li>Qua chợ Mơ mua chả ở quầy chị Hảo vẩu cho rẻ</li>
<li>4 lạng thịt băm tr�n chợ Cầu Giấy</li>
<li>1 con g� l�m sẵn ở chợ Vĩnh Hồ</li>
</ol>
</font>
</td>

<td width="50%" valign="top">
<font size="2" face="verdana, arial, tahoma">
<ul type="circle">
<li>Ra vẻ th�ch ăn đồ đắt tiền</li>
<li>Nhưng thực ra lại rất ki bo</li>
<li type="disc">Kh�ng thương chồng</li>
<li type="square">Lười như hủi ;-)</li>
</ul>

List b�n tr�i (danh s�ch mua đồ) chắc kh�ng cần giải th�ch v� <ol> nghĩa l� ordered list (c� thứ tự 1, 2, 3...). List b�n phải (t�nh c�ch vợ) l� unodered v� type của <ul> l� circle n�n ở tất cả c�c đầu d�ng đều được tự động đặt một c�ng tr�n (rỗng). Ri�ng d�ng dưới, do <li> c� type l� disc v� square n�n đầu d�ng thứ 3 l� một chấm đen, đầu d�ng thứ 4 lại l� một h�nh vu�ng đen.

[index]