如何在调整大小的<输入类型="文本>中将文本与顶部对齐？

Question

我的代码当前是<input type="text" style="height:100px;" placeholder="Content" required>.我得到的结果是一个中间带有文本的文本框。有没有办法把文字放在上面？

Answer 1

input内容始终呈现在中间。如果确实希望input文本保留在顶部，请考虑使用textarea并使用 CSS 属性resize: none以防止用户调整其大小。textarea是内容与顶部对齐，这与input高度不同，当textarea的高度很大时，即100px.

注意：文本区域允许多行内容，因此，您需要 JavaScript 来防止在文本区域中添加多行。也许，请参阅按 ENTER 时禁用文本区域中的换行

符

Answer 2

@joshiy390 我认为您需要文本区域而不是输入标签<textarea style="height:100px;" placeholder="Content"></textarea>.使用Textarea对于此类需求有其自身的优势。