div CSS フォーム レイアウトに関する 5 つのヒントは、フォームをより柔軟に制御し、より満足のいくページを作成するのに役立ちます。
1. フォームテキスト入力のためのモバイル選択:
テキスト入力フィールドにプロンプトが追加されている場合、訪問者は多くの場合、マウスを使用してプロンプトを選択して削除し、有用な情報を入力する必要があります。実際、onMouseOver="this.focus()" onFocus="this.select()" コードを
同様に、 にコードを追加できます。
2. クリックしてフォーム入力ユニットを削除します。
この列の機能は上記と同じですが、マウスの使用方法が少し異なります。上記のようにマウスで覆うだけではなく、クリックする必要があります。例:
ソース コードの例 [www.devdao.com]
入力ユニットをクリックすると、プロンプトメッセージが削除されます。とても便利ですよね。
3. フォーム入力ユニットの枠線設定：
従来のフォームユニットの枠線を変更することで、ホームページがよりカラフルになります。例:
ソース コードの例 [www.devdao.com]
このうち「style=***」は、上下左右、背景色の設定です。他のユニットにも適用できますので、ぜひ試してみてください。
4. フォーム入力ユニットのテキスト設定:
フォーム内のユニットのフォントは次のように変更できます。
ソースコード例 [www.devdao.com]
このうち「style=***」はフォントとフォントサイズの設定です。
5. フォームのプロパティをポップアップ ウィンドウに変更します。
ほとんどのフォームはアクティブ化されると、現在のページで開くため、通常のブラウジングに影響します。次のように変更することをお勧めします。
ソース コード例 [www.devdao.com]