Thuộc tính cols của phần tử <textarea> được dùng để đặt chiều rộng của textarea. Thuộc tính cols thiết lập chiều rộng và chiều rộng đó hiển thị dưới chính textarea.
Cú pháp:
<textarea cols="num">
Ở trên, num là chiều rộng của textarea. Giá trị mặc định là 20.
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Câu hỏi phỏng vấn</h2> <p>Tại sao bạn muốn ứng tuyển vị trí Biên tập viên? (100 từ)</p> <textarea rows="6" cols="70"> Viết câu trả lời trong 100 từ... </textarea> <p>Điểm yếu của bạn là gì? (50 từ)</p> <textarea rows="4" cols="70"> Viết câu trả lời trong 50 từ... </textarea> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta đã đặt hai textarea:
<textarea rows="6" cols="70"> Viết câu trả lời trong 100 từ... </textarea> <p>Điểm yếu của bạn là gì? (50 từ)</p> <textarea rows="4" cols="70"> Viết câu trả lời trong 50 từ... </textarea>
Chiều rộng của textarea được đặt bằng thuộc tính cols:
<textarea rows="6" cols="70" autofocus>