表单中的文本区域太小答案

【问题标题】：textarea in form is too small表单中的文本区域太小
【发布时间】：2014-10-15 14:01:28
【问题描述】：

我想创建一个带有参数“cols”和“rows”的文本区域，并以表格形式显示它。不幸的是，这个参数不起作用。 cols=1000 和 cols=1 没有区别。我认为这是我的代码中的问题。这是我的桌子：

<table id="list">
                <thead >
                    <tr>
                        <th>Numer jednostki <br />redakcyjnej</th>
                        <th>Treść</th>
                        <th>Proponowana zmiana brzmienia zapisu <br />lub treść nowego zapisu</th>
                        <th>Uzasadnienie</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td><input type="text" size="20" name="numer[]"></td>
                        <td><input type="textarea" cols="1000" rows="800" name="tresc[]"></td>
                        <td><input type="textarea" cols="1000" rows="800" name="zmianaZapisu[]"></td>
                        <td><input type="textarea" cols="1000" rows="800" name="uzasadnienie[]"></td>
                    </tr>
                </tbody>

这是一张图片的样子。第一列只是文本字段，但其余列是文本区域。

我想通过它的参数来调整这个文本区域的大小。你能帮帮我吗？

编辑：

在帮助文本区域的大小起作用后，但我明白了：

这是我当前的代码：

function addRows(){
    $html = '<textarea id="template" style="display:none;" cols="100" rows="8">
                <tr id="row_{0}">

                    <td><text" size="20" name="numer[]"></td>
                    <td><textarea style="resize:both;" name="tresc[]"></textarea></td>
                    <td><textarea style="resize:both;" name="zmianaZapisu[]"></textarea></td>
                    <td><textarea style="resize:both;" name="uzasadnienie[]"></textarea></td>
                    <td><img src="/../_img/row_del.png" id="delete_{0}" alt="usun"></td>
                </tr>
            </textarea>
<table id="list">
            <thead >
                <tr>
                    <th>Numer jednostki <br />redakcyjnej</th>
                    <th>Treść</th>
                    <th>Proponowana zmiana brzmienia zapisu <br />lub treść nowego zapisu</th>
                    <th>Uzasadnienie</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td><input type="text" size="20" name="numer[]"></td>
                    <td><textarea style="resize:both;" name="tresc[]"></textarea></td>
                    <td><textarea style="resize:both;" name="zmianaZapisu[]"></textarea></td>
                    <td><textarea style="resize:both;" name="uzasadnienie[]"></textarea></td>
                </tr>
            </tbody>
        </table>

【问题讨论】：

应该是<textarea>，而不是<input type="textarea">

标签： html forms textarea

【解决方案1】：

你使用错误的方式创建textarea试试这个

<td><input type="text" size="20" name="numer[]"></td>
<td><textarea cols="1000" rows="800" name="tresc[]"></textarea></td>
<td><textarea cols="1000" rows="800" rows="800" name="zmianaZapisu[]"></textarea></td>
<td><textarea cols="1000" rows="800" rows="800" name="uzasadnienie[]"></textarea></td>

input 类型从未用于 textarea

【讨论】：

就是这样 :) 谢谢！
我很高兴它对你有用，请接受它，这样它对其他用户也有帮助:)
但是现在如果我尝试添加一些行来形成它不会正确显示。

【解决方案2】：

您不能将输入字段放在文本区域内。像这样更改您的代码

   $html = '<table id="template" style="display:none;">
                <tr id="row_{0}">
                    <td><text" size="20" name="numer[]"></td>
                    <td><textarea style="resize:both;" name="tresc[]"></textarea></td>
                    <td><textarea style="resize:both;" name="zmianaZapisu[]"></textarea></td>
                    <td><textarea style="resize:both;" name="uzasadnienie[]"></textarea></td>
                    <td><img src="/../_img/row_del.png" id="delete_{0}" alt="usun"></td>
                </tr>
            </table>

【讨论】：

但是现在我点击按钮“添加”后无法添加新行

【解决方案3】：

使用文本区域标签<textarea rows="2" cols="40" name="?" id="?"></textarea>

转到 .css 页面

#list textarea {width:200px;  //your desired width ans height
                height:100px;
                resize: none; //to stop resizing 
               }

【讨论】：