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不能在智能設備中伸展

回答

相關問題