当textarea字段在表格内时,textarea调整大小和文本换行问题

时间:2014-01-30 12:31:07

标签: jquery textarea textwrapping resizable jquery-ui-resizable

关于如何禁用textarea大小调整的帖子很多。我有一个相反的问题。实际上是两个。我需要启用它。它在桌子里面。这是简单的标记。它是动态生成的,但除此之外(或者我认为)。其他问题是textwrap。

<form>
  <table>
    <tbody>
      <tr>
        <td colspan="2" class="description_input">
          <input class="descr_text" type="textarea" name="descr_1">
          <input type="file" name="filename"/>
        </td>
      </tr>
   </tbody>
  </table>
 </form>

如果我使用JqueryUI resizable()小部件,它不起作用,因为文本区域是动态生成的,我怀疑事件绑定存在问题。

第二个问题是我无法在文本区域上进行自动换行,它只是将输入作为一个长单行字符串接受。我在textarea字段上尝试了一些CSS。刚写完这篇文章的时候我也应该意识到我应该在外部的td上设置CSS吗?

请帮助!!

1 个答案:

答案 0 :(得分:1)

变化:

<input class="descr_text" type="textarea" name="descr_1">

为:

<textarea class="descr_text" name="descr_1"></textarea>

fiddle

你可以使用以下方法调整大小:

textarea{
    height: some px;
    width: some px;
}