XtGem Forum catalog
YenHung.Xtgem.Com
|
Textarea là một phần tử tương tự như input loại text, nhưng text thì chỉ có một dòng còn text area thì là một cái hộp to.
Mã nguồn:[Chọn]
<textarea></textarea>
Kết quả:

-ta có thể đặt sẵn giá rị cho textarea bằng cách chèn sẵn giá trị muồn có ở giữa 2 tag
Mã nguồn:[Chọn]
<textarea>Gái trị chèn</textarea>
Kết quả:

-textarea có khá nhiều thuộc tính các bạn từ từ tìm hiểu và bổ xung thêm, xem ví dụ ha:
Mã nguồn:[Chọn]
<textarea cols="20" rows="10">Text Area!</textarea>
<textarea cols="40" rows="2">Text Area!</textarea>
<textarea cols="45" rows="5">Text Area!</textarea>
Kết quả:

+cols,rows chỉ kích thướng số hàng số cột của textarea, mỗi hàng cột tính bằng một kí tự.
*thuộc tính wrap
warp có nghĩa là cách xuống hàng khi viết viết liên tục, không nhấn Enter tới lề của textarea, có ba giá trị:
+soft: khi viết tới lề vẫn xuống hàng, nhưng sẽ không có khí tự xuống hàng khi form được chuyễn đi
+hard: tự động xuống hàng, thêm khí tự ngắt dòng vào nội dung được chuyễn đi
+off: viết thoả thích chả có xuống hàng
ví dụ
Mã nguồn:[Chọn]
<textarea cols="100" rows="5" wrap ="soft">soft: khi viết tới lề vẫn xuống hàng, nhưng sẽ không có khí tự xuống hàng khi form được chuyễn đi,hard: tự động xuống hàng, thêm khí tự ngắt dòng vào nội dung được chuyễn đi,off: viếtthoả thích chả có xuống hàng</textarea>
Kết quả:

Mã nguồn:[Chọn]
<textarea cols="100" rows="5" wrap ="hard">soft: khi viết tới lề vẫn xuống hàng, nhưng sẽ không có khí tự xuống hàng khi form được chuyễn đi,hard: tự động xuống hàng, thêm khí tự ngắt dòng vào nội dung được chuyễn đi,off: viếtthoả thích chả có xuống hàng</textarea>
Kết quả:

Mã nguồn:[Chọn]
<textarea cols="100" rows="5" wrap ="off">soft: khi viết tới lề vẫn xuống hàng, nhưng sẽ không có khí tự xuống hàng khi form được chuyễn đi,hard: tự động xuống hàng, thêm khí tự ngắt dòng vào nội dung được chuyễn đi,off: viếtthoả thích chả có xuống hàng</textarea>
Kết quả:
Mã nguồn:[Chọn]
Mình để thế sẽ giúp các bạn thấy được sự khác biệt.
home HOME
YenHung.Xtgem.Com-Hưng Yên Wapmaster-knowledge share
& 2010-2012-Thehe9x.Mobi