30/09/2018, 23:53

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

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

<form action="mailto:emailgraetx1@gmail.com" 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 ?

Pete Houston viết 01:54 ngày 01/10/2018

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

Pete Houston viết 02:05 ngày 01/10/2018

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

<form action="mailto:emailgraetx1@gmail.com" 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;
}
Long Dragon viết 02:02 ngày 01/10/2018

Yeah, lm dc roi`, cam on anh nhieu

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

Bài liên quan
0