0

モバイル デバイスで簡単に表示できる単一の Web ページを作成しようとしていますが、問題が発生しており、誰かが正しい方向に向けてくれることを期待していました。私はプログラミングが初めてで、学習しながら学んでいることを理解してください。

残念ながら、ここに私のコードを表示するホットを見つけることはできませんが、問題のページへのリンクは次のとおりです。

モバイル端末用フォーム

スクロール バーを使用せずに小さな画面にフォームが表示されるのを妨げるものはありますか?

ありがとう！

4

1 に答える 1

0

フォームの固定幅のテーブルレイアウトを削除し、代わりに自然に流れるレイアウトを使用することをお勧めします。最初のいくつかのフィールドの例を次に示します。

<form name="contactinfo" method="post" action="process.php" onsubmit="return validateForm();">
    <fieldset>
        <legend>Application Request Form</legend>
        <div>
            <label for="name">Full Name</label><br>
            <input type="text" name="name" id="name">
        </div>
        <div>
            <label for="email">E-Mail</label><br>
            <input type="email" name="email" id="email">
        </div>
        ...
    </fieldset>
</form>

これにより、レイアウトをさまざまなデバイスにすぐに適応させることができ、フォームのマークアップも向上します。

その他の推奨事項：

  • すべてのスタイルをCSSに入れます。
  • JavaScriptをページの下部に移動します（つまり、検証機能）
  • 本当にリセットボタンが必要かどうかを検討してください。そのユースケースは何ですか？
于 2012-08-17T13:49:05.727 に答える