形式上的textarea太小了

时间:2014-10-15 14:01:28

标签: html forms textarea

我想用其参数“cols”和“rows”创建textareas并以表格形式显示。不幸的是,这个参数不起作用。如果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>

这是一张图片。第一列只是文本字段,其余列是textareas。 enter image description here

我希望通过其参数调整此textareas的大小。你能救我吗?

修改

在帮助之后,文本区域的大小有效,但我明白了:

enter image description here

这是我目前的代码:

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>

3 个答案:

答案 0 :(得分:3)

您使用错误的方式创建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

答案 1 :(得分: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>

答案 2 :(得分:0)

使用文字区域代码<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 
               }