DIV+CSS フォームlayout_html/css_WEB-ITnose に関する 5 つのヒント

転載元: http://blog.onlygrape.com/css-form-layout/267

1. フォームテキスト入力のモバイル選択:
テキスト入力フィールドにプロンプ​​トが追加されている場合、訪問者は頻繁にマウスを使用して選択および削除し、有用な情報を入力する必要があります。
実際、onMouseOver="this.focus()" onFocus="this.select()" コードを に追加する限り、すべてがはるかに単純になります。 </p> <p class="sycode"> <textarea name="textarea" wrap="virtual" rows="2cols" onmouseover="”this.focus()”" onfocus="”this.select()”">。

2. クリックしてフォーム入力ユニットを削除します:

この列の機能は上記と同じですが、マウスの使用方法が少し異なります。単に覆うだけではなく、クリックする必要があります。マウスで。例:

< input type =text name =”address” size =19 value =”Enter,e-mail…”onFocus=”this.value=”” > 入力ユニットをクリックすると、

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

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

< =radio.name =action value =subscribe selected style =”BORDER-BOTTOM: 破線 1px; BORDER-LEFT: 破線 1px; BORDER-TOP: 破線 1px;background-color: #FEF5C8'' >

ここで、「style=***」は、他のユニットにも適用できる左、右、下、背景色の設定です。

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

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

< input type =text name =”address” size =19 value =”Enter,e-mail…” style =font-family: ”verdana”;font-size:10px >

どこ” style=***” はフォントとフォント サイズの設定です。

5. フォームのプロパティをポップアップ ウィンドウに変更します。フォームがアクティブ化されると、現在のページで開かれるため、通常のブラウジングに影響します。次のように変更することをお勧めします。

where "target=_blank " ポップアップ ウィンドウで開くコントロール