html5 textarea不能在智能设备中伸展

我在我的一个html页面中使用html textarea。我正在使用html5 样板模板。可以在任何设备中查看任何问题的页面。但textarea元素不能被拉伸。甚至在每个textarea右下角的图案（表明它可以进一步拉伸）也不可见。html5 textarea不能在智能设备中伸展

有关进一步说明，请参阅PC（Chrome）和iPhone（safari）中的页面。从Chrome浏览器 Output from Chrome browser 输出 image from 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>");

请告诉我，如果我做错什么。在此先感谢。

来源

2013-04-04 Udayantha Udy Warnasuriya

是针对特定浏览器。 Chrome将使所有textare都具有伸缩性，但大多数浏览器都不这样做。 – nycynik 2013-04-04 14:16:24

谢谢nycynik。我相信这就是发生了什么。你可以告诉我除了textarea之外，我还可以使用任何可以提供相同功能的元素吗？ – 2013-04-04 14:22:27

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

来源

2013-04-04 14:14:10 bradrice

感谢您的回答。我试过这个。但它没有奏效。只有textarea宽度增加。但智能手机上的静态宽度。 – 2013-04-04 14:20:31

为了从显示尺寸调整停止铬，您可以添加到您的textarea元素的风格：

风格=“调整大小：无;”

等你拿

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

来源

2013-04-04 16:05:45 nycynik

html5 textarea不能在智能设备中伸展

回答

相关问题