0

我在我的一个 html 页面中使用了 html textarea。我正在使用 html5样板模板。可以在任何设备上毫无问题地查看页面。但是 textarea 元素不能被拉伸。每个文本区域右下角的偶数图案(这表明它可以进一步拉伸)也不可见。

为了进一步说明,这里是页面在 PC (Chrome) 和 iPhone (safari) 中的外观。 从 Chrome 浏览器输出 Chrome 浏览器 图片来自 Iphone 的输出 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>");

如果我做错了什么,请告诉我。提前致谢。

4

2 回答 2

0

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

样式=“调整大小:无;”

所以你得到

<textarea style=\"resize: none;\" cols=\"60\" name=\"content_value\" name=\"content_value\">
于 2013-04-04T16:05:45.120 回答
0

您可以删除 cole="\60\" 并使用 CSS 设置它,例如 style="width: 100%;"

于 2013-04-04T14:14:10.520 回答