div CSS フォーム レイアウトに関する 5 つのヒントは、フォームをより柔軟に制御し、より満足のいくページを作成するのに役立ちます。
1. フォームテキスト入力のためのモバイル選択:
テキスト入力フィールドにプロンプトが追加されている場合、訪問者は多くの場合、マウスを使用してプロンプトを選択して削除し、有用な情報を入力する必要があります。実際、onMouseOver="this.focus()" onFocus="this.select()" コードを <textarea> に追加する限り、次のようにすべてがはるかに単純になります。
ソース コードの例 [www.devdao.com] ]< textarea name=textarea Wrap=virtual rows=2cols=22 onMouseOver="this.focus()" onFocus="this.select()">英語を入力します。</textarea>
同様に、<input> にコードを追加できます。
2. クリックしてフォーム入力ユニットを削除します。
この列の機能は上記と同じですが、マウスの使用方法が少し異なります。上記のようにマウスで覆うだけではなく、クリックする必要があります。例:
ソース コードの例 [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
入力ユニットをクリックすると、プロンプトメッセージが削除されます。とても便利ですよね。
3. フォーム入力ユニットの枠線設定：
従来のフォームユニットの枠線を変更することで、ホームページがよりカラフルになります。例:
ソース コードの例 [www.devdao.com]<input type=radio name=action value=subscribe selected style="BORDER-BOTTOM: 破線 1px; BORDER-LEFT: 破線 1px; BORDER-RIGHT: 破線 1px; BORDER - トップ: 破線 1 ピクセル;背景色: #FEF5C8">
このうち「style=***」は、上下左右、背景色の設定です。他のユニットにも適用できますので、ぜひ試してみてください。
4. フォーム入力ユニットのテキスト設定:
フォーム内のユニットのフォントは次のように変更できます。
ソースコード例 [www.devdao.com]<input type=text name="address" size=19 value=電子メールを入力してください..." style=font-family:"verdana";font-size:10px >
このうち「style=***」はフォントとフォントサイズの設定です。
5. フォームのプロパティをポップアップ ウィンドウに変更します。
ほとんどのフォームはアクティブ化されると、現在のページで開くため、通常のブラウジングに影響します。次のように変更することをお勧めします。
ソース コード例 [www.devdao.com]<form method=POST action=url target=_blank>
このうち、「target=_blank」はポップアップウィンドウの開き方を制御します。