div CSS フォームの 5 つのヒントlayout_html/css_WEB-ITnose

div CSS フォーム レイアウトに関する 5 つのヒントは、フォームをより柔軟に制御し、より満足のいくページを作成するのに役立ちます。

1. フォームテキスト入力のモバイル選択:

テキスト入力フィールドで、プロンプトが追加されている場合、訪問者は多くの場合、マウスを使用してプロンプトを選択し、削除してから、有用な情報を入力する必要があります。実際、onMouseOver="this.focus()" onFocus="this.select()" コードを に追加する限り、次のようにすべてがはるかに単純になります。 </p> <p class="sycode"> <textarea name=textarea Wrap= virtual rows=2cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English..

同様に、 にコードを追加できます。 ;。

2. クリックしてフォーム入力ユニットを削除します:
この列の機能は上記と同じですが、マウスの使用方法が少し異なります。マウスで覆うだけではなく、クリックする必要があります。例:

入力ユニットをクリックした後、プロンプト 情報が削除されます、とても便利ですね。

3.フォーム入力ユニットの枠線設定：

従来のフォームユニットの枠線を変更すると、ホームページがよりカラフルになります。例:

このうち、「style=***」は上下左右と背景色の設定です。他のユニットにも適しています。読者の皆さんもぜひ試してみてください。

4. フォーム入力ユニットのテキスト設定:

フォーム内のユニットのフォントは次のように変更できます:

「style=***」はフォントとフォントサイズの設定です。

5. フォームのプロパティをポップアップ ウィンドウに変更します:

ほとんどのフォームはアクティブ化されると、現在のページで開かれるため、通常のブラウジングに影響します。

Where "target=_blank" はポップアップウィンドウで開くことを制御します。