Cách chỉnh vị trí của dòng chữ lên đầu hoặc giữa ô textarea

#1

Mn ơi, em có 1 đoạn code như sau:

<form action="mailto:[email protected]" method="post">
	<fieldset>
		<legend>Comments</legend>
		Name: <input type="text" name="GuestsName" value placeholder="Your Name" size="40"><br><br>
		E-mail: <input type="text" name="GuestsMail" value placeholder="Your E-mail" size="40"><br><br>
		Comments: <textarea value placeholder="Type your comments ...." name="cmt" rows="5" cols="50"></textarea>
		<input type="submit" name="SendMail" value="Send"><br>
	</fieldset>
</form>

Vấn đề là cái chữ Comments nó nằm dưới chân bên trái cái ô textarea, bây giờ phải chỉnh làm sao cho cái chữ Comments nó nằm ở trên hoặc ở giữa bên trái ô textarea vậy mn ?

#2

Có 2 chữ Comments, em hỏi cái nào?

1 Like
#3

Thêm bao một thẻ cho cái chữ cần chỉnh:

<form action="mailto:[email protected]" method="post">
	<fieldset>
		<legend>Comments</legend>
		Name: <input type="text" name="GuestsName" value placeholder="Your Name" size="40"><br><br>
		E-mail: <input type="text" name="GuestsMail" value placeholder="Your E-mail" size="40"><br><br>
    <label class="comments">Comments:</label> <textarea value placeholder="Type your comments ...." name="cmt" rows="5" cols="50"></textarea>
		<input type="submit" name="SendMail" value="Send"><br>
	</fieldset>
</form>

Sau đó chỉnh style cho nó:

Làm cách xuống dòng

label.comments {
    display: block;
}

Kéo text lên trên

label.comments {
    vertical-align: top;
}
1 Like
#4

Yeah, lm dc roi`, cam on anh nhieu :smiley:

Cho e hoi cai label element dung de lm j the ?

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?