Nội Dung
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.
