2013-04-04 4 views
0

Я использую html textarea на одной из моих html-страниц. Я использую html5 шаблон шаблона. Страницы могут быть просмотрены без каких-либо проблем на любом устройстве. Но элемент textarea не может быть растянут. Даже рисунок в правом нижнем углу в каждом текстовом поле (который указывает, что он может быть растянут дальше) также не отображается.html5 textarea не может растягиваться в смарт-устройствах

Для получения дополнительной информации о том, как выглядит страница на ПК (Chrome) и iPhone (сафари). Output from Chrome browser Выход из браузера Chrome image from Iphone Выход из Iphone Safari

Вы можете увидеть текстовое поле показывает по-разному на двух устройствах. Также это показывает то же поведение в устройствах 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>"); 

Пожалуйста, скажите мне, если я делаю что-то неправильно. Спасибо заранее.

+0

, специфичный браузер. Chrome сделает все текстовые файлы растяжимыми, но большинство браузеров этого не делают. – nycynik

+0

спасибо nycynik. Я считаю, что это то, что происходит. Не могли бы вы предложить мне какой-либо элемент, который я могу использовать отдельно от textarea, который дает те же функциональные возможности? –

ответ

0

Вы можете удалить cole = "\ 60 \" и установить его с помощью css, например style = "width: 100%;"

+0

спасибо за ваш ответ. Я попробовал это. Но это не сработало. Увеличивается только ширина текстовой области. Но статическая ширина на смартфонах. –

0

Для того, чтобы остановить хромовые показывая изменения размера, вы можете добавить это к вашему стилю TEXTAREA элемента:

стиля = «не изменять размер: нет;»

так что вы получите

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