0

HTML ページの 1 つで HTML テキストエリアを使用しています。html5ボイラープレートテンプレートを使用しています。どのデバイスでも問題なくページを閲覧できます。ただし、textarea 要素は引き伸ばすことができません。すべてのテキストエリアの右下隅にあるパターン (さらに引き伸ばすことができることを示します) も同様に見えません。

さらに明確にするために、PC (Chrome) と iPhone (safari) でページがどのように表示されるかを次に示します。 Chrome ブラウザからの出力 Chrome ブラウザ Iphoneからの画像 からの出力 Iphone Safari からの出力

テキストエリアが 2 つのデバイスで異なって表示されていることがわかります。また、これは 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

cole="\60\" を削除して、style="width: 100%;" のように css を使用して設定できます。

于 2013-04-04T14:14:10.520 に答える
0

クロムがサイズ変更を表示しないようにするために、これを textarea 要素のスタイルに追加できます。

style = "サイズ変更: なし;"

だからあなたは得る

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