html - 如何在调整大小的 <input type="text> 中将文本对齐到顶部?

标签 html css forms

我的代码目前是 <input type="text" style="height:100px;" placeholder="Content" required> .我得到的结果是一个文本框,中间有文本。有没有办法将文本放在顶部?

最佳答案

input 内容总是在中间呈现。如果你真的想要一个 input 文本保留在顶部,考虑使用 textarea 并使用 resize: none CSS 属性来防止用户调整大小它。 textarea 的内容与 input 不同,当 textarea 的高度很大时,即 100px

注意:Textarea 允许多行内容,因此您需要 JavaScript 来防止向 textarea 添加多行。或许,请参阅 Disable New Line in Textarea when Pressed ENTER

关于html - 如何在调整大小的 &lt;input type="text> 中将文本对齐到顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62742436/

相关文章:

forms - LibreOffice 基础;从主窗体到子窗体的 Tab 键顺序

javascript - 使用 Javascript 基于单选按钮显示/隐藏字段集

html - 当信息来自 php 站点上的 mysql 时,有没有办法使名称换行?

html - 在使用 z-index 显示之前,让图层显示为透明的问题

html - 像图中那样制作按钮

javascript - 知道为什么矩形不会出现在我的 Fabricjs Canvas 中吗?

css - 样式文本输入占位符

html - 如何发送隐藏数据

javascript - jQuery - 关闭按钮不起作用

html - 悬停时CSS3渐变闪烁