html5 textarea无法在智能设备中伸展

Question

我在我的一个html页面中使用了html textarea。我使用的是html5 样板模板。可以在任何设备中查看页面中的任何问题。但textarea元素无法延伸。每个文本区域右下角的模式（表明它可以进一步拉伸）也是不可见的。

有关进一步说明页面在PC（Chrome）和iPhone（safari）中的外观。 Chrome浏览器的输出 Iphone Safari的输出

您可以看到textarea在两台设备上的显示方式不同。此外，这也显示了Android设备中的相同行为。

这是我的代码

echo("  <form method=\"post\" action=\"".$_SERVER['PHP_SELF']."\">
<text>Content name: </text><input type=\"text\" name=\"content_name\"/>
<text>Content type: </text><input type=\"text\" name=\"content_type\"/>
<text>Content value: </text><textarea cols=\"60\" name=\"content_value\" name=\"content_value\"></textarea>
<text></text><input class=\"submitbtn\" type=\"submit\" value=\"submit\" name=\"submit\"></input>
</form></div>");

如果我做错了，请告诉我。 提前谢谢。

Answer 1

你可以删除cole =“\ 60 \”并使用css来设置它，如style =“width：100％;”

Answer 2

为了阻止chrome显示调整大小，您可以将其添加到textarea元素的样式中：

style =“resize：none;”

所以你得到了

<textarea style=\"resize: none;\" cols=\"60\" name=\"content_value\" name=\"content_value\">