中有多行输入。

16 浏览
0 Comments

中有多行输入。

我在表单中有一个文本输入框:


我想让它能够输入多行文本。尽管设置了宽度和高度,文本框仍然只有一行。我该如何将输入框更像一个文本区域(textarea)呢?

0
0 Comments

在上述内容中,提到了一个关于多行输入的问题。问题出现的原因是,通过给文本输入框添加 word-break: break-word; 属性,可以使其成为多行输入。这个属性被继承自 body 元素,导致 Chrome 浏览器允许输入框出现多行文本。然而,这个解决方案在 Firefox 浏览器中不起作用。

然后,某些情况下这个解决方案已经过时,并且在大多数浏览器中不再支持。取而代之的是使用 <textarea> 元素来实现多行输入。这种方法在 Chrome 39 和 Safari 8.0.2 中效果良好。

因此,针对这个多行输入的问题,解决方法是使用 <textarea> 元素,并将原先的文本输入框替换掉。

代码示例:


这样就可以实现多行输入了。需要注意的是,如果需要对多行输入框进行样式调整,可以使用 CSS 来设置其宽度、高度等样式属性。

总结起来,原先的解决方案已经过时,不再被大多数浏览器支持。使用 <textarea> 元素是更好的选择,可以解决多行输入的问题。

0
0 Comments

在HTML中,要实现多行输入,只能使用

在上述代码中,通过设置rows和cols属性,可以控制文本区域的行数和列数。这样用户就可以在文本区域内输入多行文本了。

通过上述内容可以得知,要实现多行输入,不能使用标签,而应该使用