Ngôn ngữ HTML – Thẻ textarea

Posted on by mtoplistChuyên mục:Top List

Ngôn ngữ HTML

– Thẻ textarea

Bài trước

Bài sau

Khung văn bản – TextArea

Tag <textarea> dùng để nhập nhiều dòng văn bản, có thể chứa được nhiều ký tự và làm cho văn bản có một chiều rộng cố định (thường là font Courier).
Kích thước của vùng văn bản có thể được xác định bởi các thuộc tính rows và cols, và cũng có thể điều chỉnh thông qua width và height trong css.

Cú pháp:

<TextArea Name="Tên" Rows="n1" Cols="n2"  Wrap> Văn bản mặc định </TextArea>
  • Rows : Số dòng văn bản
  • Cols:   Số cột văn bản
  • Wrap: Cuộn văn bản xuống dòng khi đến lề phải

Ví dụ: Tạo trang góp ý sau:

<html><head><title></title></head>
<body>
<form>
<h3 align="center">ĐÓNG GÓP Ý KIẾN</h3>     
Họ và Tên:<input type="text" size="40"><br/>
Nội dung góp ý:<textarea rows="3" cols="30">
</textarea></br>
<input type="submit" value="Gửi đi">
<input type="reset" value="Phục Hồi">  
</form>
</body>
</html>

Xem ví dụ

Ví dụ: Tạo trang thăm dò ý kiến:

<html><head><title></title></head>
<body>
<form >
 <h3 align="center">PHIẾU THĂM DÒ Ý KIẾN</h3>     
 <Font size=2>
<Table>
<TR><TD>Tên đăng nhập:</TD>
 <TD>    <input type="text" name="Ten" size="40"> Giới tính : 
<input type="radio" value="V1" name="phai" checked >Nam      
 <input type="radio" value="V2" name="phai" >Nữ</TD>
</TR>
<TR><TD>Mật khẩu:</TD>
<TD> <input type="password" name="T2" size="30"></TD>
</TR>
<TR><TD Colspan=2> Sở thích của bạn</TD> 
</TR>
<TR><TD></TD>
<TD> <select size="4" name="Sothich">
	  <option selected>Truy cập Internet</option>	  <option>Đọc sách báo</option>
	  <option>Xem Tivai</option>			  <option>Tham quan du lịch</option>
	  <option>Dạo phố & Shopping</option>
        </select></TD>
</TR>
<TR> 
<TD COLSPAN=2> Những mục bạn thường quan tâm trên internet</TD>   
</TR>
<TR><TD></TD>
<TD>	<input type="checkbox" name="C1" value="ON">Tin tức<br>   
	 <input type="checkbox" name="C3" value="ON">Giải  trí<br>   
	 <input type="checkbox" name="C2" value="ON">Góc học tập<br>   
	 <input type="checkbox" name="C4" value="ON">Chuyên mục khác</TD>
</TR>
<TR><TD Colspan=2> Nội dung góp ý để website tốt hơn</TD>    
</TR>
<TR><TD></TD>
<TD>  <textarea rows="3" name="Noidung" cols="30"></textarea></TD>
</TR>
<TR><TD></TD>
<TD> 	<input type="submit" value="Gửi đi" name="Gui">
<input type="reset" value="Phục Hồi" name="Phuchoi">  
</TD>
</TR></Form></Font>
</body></html>

Xem ví dụ

Bài trước

Bài sau

mtoplist