如何在調整大小后將文本與頂部對齊

Question

我的代碼目前是<input type="text" style="height:100px;" placeholder="Content" required> <input type="text" style="height:100px;" placeholder="Content" required> 。 我得到的結果是一個中間有文本的文本框。 有沒有辦法把文字放在上面？

Answer 1

input內容始終呈現在中間。 如果你真的想要一個文本留在頂部的input ，考慮使用textarea並使用resize: none CSS 屬性來防止用戶調整它的大小。 該textarea是內容被放置在頂部的不同input時的高度textarea大，即100px 。

注意： Textarea 允許多行內容，因此您需要 JavaScript 來防止在 textarea 中添加多行。 也許，請參閱按下 ENTER 時禁用 Textarea 中的新行

Answer 2

@joshiy390 我認為你需要 Textarea 而不是這里的 Input 標簽<textarea style="height:100px;" placeholder="Content"></textarea> <textarea style="height:100px;" placeholder="Content"></textarea> 。 對於此類需求，使用 Textarea 有其自身的優勢。