Html 我可以做一个<;输入>;框中有换行的文本吗?
我有一个Html 我可以做一个<;输入>;框中有换行的文本吗?,html,css,Html,Css,我有一个 <input type="text" /> 盒子。我盒子里的数据很长,所以我将高度设置为100px。但是,文本只是从左向右移动,不换行。我有没有办法把它包起来 希望得到一些好的建议 谢谢,您需要使用来代替换行的输入文本。对于多行输入和换行文本,请使用不,您不能让输入元素这样做。改为使用textarea。对于样式attr,或CSS,您可以执行以下操作: <textarea id="temp" style="white-space: pre-w
<input type="text" />
盒子。我盒子里的数据很长,所以我将高度设置为100px。但是,文本只是从左向右移动,不换行。我有没有办法把它包起来
希望得到一些好的建议
谢谢,您需要使用
来代替换行的输入文本。对于多行输入和换行文本,请使用不,您不能让输入元素这样做。改为使用textarea。对于样式attr
,或CSS,您可以执行以下操作:
<textarea
id="temp"
style="white-space: pre-wrap; height: 100px; width: 500px;"
>This is my text box. And it can wrap.</textarea>
这对文本框和文本区域都适用。使其换行的一个很好的方法是将其设置为textarea
,而不是input
。您的确切意思是什么?就像facebook上的评论框,随着文本变长,高度会增加?是的,我想拥有facebook在facebook上使用的那种功能,其他人回答如下。@Spartky:对不起。。的确,我添加了一个文本区域,但是标签被剪掉了。。很抱歉编辑不好。。我是个新手。。如果我们想坚持使用controll(textbox或textarea),那么css会帮助我们。@Sparky:假设我有一个巨大的html和大量的输入元素作为文本框。我的要求是将输入更改为多行文本框并增加宽度。我可以使用jquery应用css(Widt和wrap),而不是将所有输入元素更改为textarea。如果只有一个控件,那么正如您所说,textarea很方便。。
$('#dom_id').attr("style", "white-space: pre-wrap");