下面显示的HTML,

<input type="text"/>

is displayed in a browser like so:


When I add the following text,

那只敏捷的棕色狐狸跳过那条懒狗.

使用下面的HTML,

<input type="text" value="那只敏捷的棕色狐狸跳过那条懒狗."/>

it is displayed in a browser like so:


But I would like it to be displayed in a browser like so:


I want the text in my input element to wrap. Can this be accomplished without a textarea?

推荐答案

这就是textarea的工作——用于多行文本输入.inputwon't do it;它不是设计来做这件事的.

所以用textarea吧.除了它们的视觉差异之外,通过JavaScript访问它们的方式也是相同的(使用value属性).

您可以防止通过input事件输入换行符,只需使用replace(/\n/g, '')即可.

Html相关问答推荐

springBoot + Thymeleaf:属性中的UTF-8

如何使用css为动态用户输入矩阵添加背景色?

为什么XPath返回的元素比我预期的要多?

如果浏览器通过http接收html,为什么客户端内置表单验证不起作用?

平移变换下的SVG剪辑路径行为

仅 Select 悬停的级别,而不 Select 其父级或子级

带有图像的虚线边框

即使必填字段为空,HTML 表单也已成功提交

子元素放在文本样式之后,样式会 destruct

发送带有图像的Google文档作为HTML格式的邮件正文不再起作用

从 Vue 应用程序的容器元素渲染 HTML

我如何使用 CSS nth-child(odd) nth-child(even) 来对齐 CSS 网格中的列?

导航丸被选中(活动),但内容未显示.怎么会?

Header 或 P 标记中的填充不能与 em 单元一起正常工作

shinydashboard 标题中的位置标题

嵌套固定定位的 Div 滚动条渗透到前景中的 Div

如何在没有 JS 的情况下创建带搜索的 Select 菜单

AWS SES:如何正确使用 CSS

focusout() Select 器不适用于搜索框

根据正则表达式 attr 从 read_html 过滤表格