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

この章では、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) に注目してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
2つの画像とAPI:製品のリクロッキングに必要なすべて2つの画像とAPI:製品のリクロッキングに必要なすべてApr 15, 2025 am 11:27 AM

最近、製品画像の色を動的に更新するソリューションを見つけました。したがって、製品の1つだけで、私たちはそれをさまざまな方法で色付けすることができます

毎週のプラットフォームニュース:サードパーティのコード、パッシブ混合コンテンツ、最も遅い接続のある国の影響毎週のプラットフォームニュース:サードパーティのコード、パッシブ混合コンテンツ、最も遅い接続のある国の影響Apr 15, 2025 am 11:19 AM

今週のラウンドアップでは、灯台はサードパーティのスクリプトに光を当て、安全なリソースが安全なサイトでブロックされ、多くの国の接続速度がブロックされます

独自の非JavaScriptベースの分析をホストするためのオプション独自の非JavaScriptベースの分析をホストするためのオプションApr 15, 2025 am 11:09 AM

サイトの訪問者と使用データを追跡するのに役立つ分析プラットフォームがたくさんあります。おそらく、特にGoogleアナリティクスが広く使用されています

それはすべて頭の中にあります:Reactヘルメットを使用してReact Poweredサイトのドキュメントヘッドを管理するそれはすべて頭の中にあります:Reactヘルメットを使用してReact Poweredサイトのドキュメントヘッドを管理するApr 15, 2025 am 11:01 AM

ドキュメントヘッドはウェブサイトの中で最も魅力的な部分ではないかもしれませんが、それに入るものは間違いなくあなたのウェブサイトの成功にとってそれと同じくらい重要です

JavaScriptのsuper()とは何ですか?JavaScriptのsuper()とは何ですか?Apr 15, 2025 am 10:59 AM

子のクラスでsuper()?を呼び出すJavaScriptを見たときに何が起こっているのか、Super()を使用して親のコンストラクターとSuperを呼び出します。そのアクセス

さまざまな種類のネイティブJavaScriptポップアップを比較しますさまざまな種類のネイティブJavaScriptポップアップを比較しますApr 15, 2025 am 10:48 AM

JavaScriptには、ユーザーインタラクション用の特別なUIを表示するさまざまな内蔵ポップアップAPIがあります。有名:

アクセス可能なWebサイトが構築が難しいのはなぜですか?アクセス可能なWebサイトが構築が難しいのはなぜですか?Apr 15, 2025 am 10:45 AM

先日、私は多くの企業がアクセス可能なウェブサイトを作るのに苦労している理由について、フロントエンドの人々とおしゃべりをしていました。アクセス可能なWebサイトがとても難しいのはなぜですか

「隠された」属性は目に見えて弱いです「隠された」属性は目に見えて弱いですApr 15, 2025 am 10:43 AM

あなたがそれがすべきだと思うことを正確に行うHTML属性があります:

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、