首页 文章

<input type =“text”/>中的多行输入

提问于
浏览
334

我有一个表格的文本输入:

<input type="text"
       cols="40" 
       rows="5" 
       style="width:200px; height:50px;" 
       name="Text1" 
       id="Text1" 
       value="" />

我试图让它采取多行输入 . 宽度和高度使框更大,但用户可以输入他想要的所有文本,但它只填充一行 .

如何使输入更像textarea?

6 回答

  • 1

    您应该使用 textarea 来支持多行输入 .

    <textarea rows="4" cols="50">
    Here you can write some text to display in the textarea as the default text
    </textarea>
    
  • 569

    您需要使用textarea来获得多行处理 .

    <textarea name="Text1" cols="40" rows="5"></textarea>
    
  • 45

    可以通过赋予 word-break: break-word; 属性来创建文本输入多行 . (仅在Chrome中测试过)

  • 37

    你可以't. The only HTML form element that'设计成多行是<textarea> .

  • 49

    使用textarea

    <textarea name="textarea" style="width:250px;height:150px;"></textarea>
    

    不要在开始和结束标签之间留下任何空格或者否则这将留下一些空行或空格 .

  • 12

    检查一下:

    TEXTAREA元素创建一个多行文本输入控件

相关问题