Xem điểm thi Đại Học 2010 miễn phí tại Học vui
Advanced Search

TỰ HỌC HTML FORUM

Chủ Đề Array
 

MỞ ĐẦU

MỘT SỐ TAG

HTML FORMS

ĐỌC THÊM
xxhtml from input elements
May 31, 2009, 08:19:46 PM by nvcnvn
<input>
cái thẻ input này hiễn thị ra được nhiều thứ lắm, nhờ giá thuộc tính type, vừa ví dụ vừa kể luôn một số loại phổ biến:

text
Code: [Select]
<input type="text" name="type_text" />Có thể đặt sẵn chữ vào trong cái ô đó bằng cách thêm thuộc tính value với giá trị là cái gì bạn muốn hiễn thị.
Code: [Select]
<input type="text" name="aaa" value="Điền cái gì đó vào đây"/>
password
Loại này thì cũng tương tự như loại trên, chỉ có điều khi đánh chữ vào thì hiện ra dấu chấn đen
Code: [Select]
<input type="password" name="type_pass"/>bạn thử tự gõ vào mà xem

checkbox
Code: [Select]
<input type="checkbox" name="type_checkbox" />có thể cho cái nut này được đánh dấu sẵn bằng cách thêm vào code từ checked="yes"
Code: [Select]
<input type="checkbox" name="type_checkbox" checked="yes" />Ta thường thêm giá trị mặc định vào check box với thuộc tính value để xử lí khi form được truyền đi, giá trị này chỉ được truyền đi khi checkbox được chọn, và gái trị này dĩ nhiên là không hiện ra màn hình.

radio
radio là nhón nút, ví dụ như làm trắc nghiệm loại chỉ có duy nhất 1 đáp án đúng thì ta dùng các nút radio, các nút radio phải có cùng tên để có và giá trị khác nhau kết quả:
Code: [Select]
<input type="radio" name="type_radio" value="không yêu" />
<input type="radio" name="type_radio" value="không yêu" />
<input type="radio" name="type_radio" value="không yêu" />
<input type="radio" name="type_radio" value="yêu" />
hãy chọn thử bất kì một nút, rồi chọn nút khác, bạn sẽ thấy một lúc chỉ có thể chọn một nút, cụ thể chỉ có thể chọn một nút trong nhóm nút có cùng tên
Cũng có thể chọn trước một nút bất kì bằng cách thêm thuộc tính checked="yes"
Code: [Select]
<input type="radio" name="type_radio" value="không yêu" />
<input type="radio" name="type_radio" value="không yêu" />
<input type="radio" name="type_radio" value="không yêu" />
<input type="radio" name="type_radio" value="yêu" checked="yes" />

reset
Khi đã điền hết các chỗ mà người ta cho bạn điền, mà muốn xoá điền lại cho lẹ thì dùng cái này, nó sẽ xoá tráng các giá trị
Code: [Select]
<form>
<input type="text" size="12" maxlength="12" />
<input type="text" size="24" maxlength="24" />
<input type="reset" value="Reset" />
</form>

hidden
hidden dùng để chứa giá trii5 nào đó mà ta muốn gửi đi nhưng không muốn hiện ra cho người khác thấy, tất nhiên là nó cần có thuộc tính value để làm nên việc, tại sao lại cần đến nó ưu, bài học ở các ngôn ngữ sau sẽ giải thích!
Code: [Select]
<input type="hidden" value="2009"/>
submit
nút sumit sẽ gửi form đi sau khi nhấn
Code: [Select]
<input type="submit"  />
Write Comment

Replies:

Pages: [1]

 
Bản quyền thuộc http://hocvui.net có copy đi đâu thì cũng để lại bản quyền nha!

 
 

Thích hợp với các trình dyệt:

Firefox - Opera- Google Chrome

Diễn đàn Lê Thánh Tôn

Dạy học trực Tuyến Bacgiang gifted high school 4upro.info Driver4Vn