ホームページ > ウェブフロントエンド > CSSチュートリアル > div CSS ページ レイアウトに関する 5 つのヒント

div CSS ページ レイアウトに関する 5 つのヒント

PHP中文网
リリース: 2018-09-27 16:04:21
オリジナル
1621 人が閲覧しました

この章では、div css ページ レイアウトに関する 5 つのヒントを紹介します。これは一定の参考価値があります。必要な友人は参考にしてください。お役に立てれば幸いです。

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

テキスト入力フィールドでは、プロンプトが追加されている場合、訪問者は多くの場合マウスを使用して入力する必要があります。を選択して削除し、役立つ情報を入力します。実際、onmouseover="this.focus()" onfocus="this.select()" コードを

<textarea name=textarea wrap=virtual rows=2 cols=22 onmouseover="this.focus()" onfocus="this.select()">
input english..</textarea>
ログイン後にコピー

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

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

この列の機能は上記と同じですが、マウスを使用する場合は若干の変更があります。前のボタンの代わりにクリックする必要があります。それ以外の場合は、マウスで覆うだけで済みます。例:

<input type=text name="address" size=19 value="enter,e-mail..."onfocus="this.value=''">
ログイン後にコピー

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

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

<input type=radio name=action value=subscribe checked style="border-bottom: dashed 1px; 
border-left: dashed 1px; border-right: dashed 1px; border-top: dashed 1px;background-color: #fef5c8">
ログイン後にコピー

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

4. フォーム入力ユニットのテキスト設定:
フォーム内のユニットのフォントは次のように変更できます:

<input type=text name="address" size=19 value="enter,e-mail..." 
style=font-family:"verdana";font-size:10px >
ログイン後にコピー

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

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

<form method=POST action=url target=_blank>
ログイン後にコピー

「target=_blank」はポップアップ ウィンドウの開き方を制御します。

上記は div css ページ レイアウトに関する 5 つのヒントの内容です。その他の関連コンテンツについては、php 中国語 web サイト (www.php.cn) に注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート