无法更改高度和宽度输入类型textarea

Question

我对这段代码一直在苦苦挣扎，这通常很容易找到。

<?php
echo "<td style=\"width: 25%; text-align: right;\"><label for=\"forum_desc\">Desc</label></td>";
echo "<td style=\"padding: 0 0 0 10px;\"><input type=\"textarea\"  name=\"forum_desc\" size=\"80\" value=\"{$array['desc']}\"></td>";
echo "</tr>";
echo "</tr>";
?>

当我从＆＃34; 80＆＃34;相反，它只是获得更多的宽度，而不是高度，我尝试添加一些其他代码，但我只是得到500 HTTP错误，所以我显然做错了什么，我想让框大我正试图将此作为＃34;论坛描述＆＃34;。

目前看起来像这样

如果你明白我的观点，那就是标签＆＃34; Desc＆＃34;应该有更大的高度和宽度，现在它只是一条直线。

Answer 1

没有input[type=textarea]。使用textarea标记，其中rows属性表示height，cols表示宽度，而不是

<textarea rows="4" cols="50">
    Use rows for the height
</textarea>

如果你使用'for outerString和'作为内部String，你不必转义它们 e.g。

echo "Hello 'Mathias' ";

或

echo 'Hello "Mathias" ';

在您的情况下，使用type="textarea"

更改回音

echo "<td style=\"padding: 0 0 0 10px;\"><textarea name=\"forum_desc\" cols=\"80\" rows=\"20\" value=\"{$array['desc']}\"></td>";

更好

echo '<td style="padding: 0 0 0 10px;"><textarea name="forum_desc" cols="80" rows="20" value="{$array['desc']}"></td>';

Answer 2

html中没有rows, cols。你需要一个textarea元素：

echo "<td style='padding: 0 0 0 10px;'>"
echo "<textarea name='forum_desc' rows='80' cols='40' value='{$array['desc']}'>";
echo "</td>";

在此元素中，您可以使用import React, { Component } from 'react'; export default class ButtonSwitcher extends Component{ // props.buttons [{text: "Btn Text", value: "BtnValue"}] onClick(value){ this.props.onChange(value); } render (){ return ( <div className="btn-group" style={{verticalAlign: 'top'}}> {this.props.buttons.map((button, index)=>( <a href="#" key={index} onClick={this.onClick.bind(this, button.value)} className={(this.props.value === button.value) ? 'active btn btn-default' : 'btn btn-default'}>{button.text}</a> ))} </div> ); } } 之类的属性来使其更高更宽。

根据你的评论：

const renderButtonSwitcher = props => {
      return (
        <ButtonSwitcher {...props.input} buttons={props.data} />
      )
    };

<Field name="PODType" component={renderButtonSwitcher} data={[{text: '%', value: 'percent'}, {text: '₽', value: 'amount'}]} />

Answer 3

此代码

<input type=\"textarea\"

不存在你应该使用上面的HTML：

<textarea rows="20" cols="20"></textarea>

此代码将应用cols="20"五列，您想要宽度，rows="20"作为高度。

您的代码应如下所示：

<textarea name=\"forum_desc\" rows=\"20\" cols=\"20\">{$array['desc']}</textarea> 希望它有所帮助。

Font - w3schools

Answer 4

向textarea添加一个类，并为高度添加css

<style>
.inc_height {
  width: 300px;
  height: 150px;
}

</style>

然后用类

运行代码

<?php 

$array['desc'] = 'desc';

echo "<td style=\"width: 25%; text-align: right;\"><label for=\"forum_desc\">Desc</label></td>";
    echo "<td style=\"padding: 0 0 0 10px;\"><input type=\"textarea\" name=\"forum_desc\" size=\"80\" value=\"{$array['desc']}\" class=\"inc_height\"></td>";
    echo "</tr>";
    echo "</tr>";

Answer 5

除<input type="textarea"不存在外，这不是更简单吗？

?>
<tr>
  <td style="width: 25%; text-align: right;"><label for="forum_desc">Desc</label></td>
  <td style="padding: 0 0 0 10px;">
    <textarea name="forum_desc" style="height:50px; width:50%">{$array['desc']}</textarea>
  </td>
</tr><?...