Webフォームデザインの5つの事例_HTML/Xhtml_Webページ制作

1. フォームのテキスト入力のためのモバイル選択: テキスト入力フィールドにプロンプ​​トが追加されている場合、訪問者は多くの場合、マウスを使用してプロンプトを選択し、削除してから、有用な情報を入力する必要があります。実際、onMouseOver="this.focus()" onFocus="this.select()" コードを に追加する限り、次のようにすべてがはるかに単純になります。 <br> <br>引用内容は以下の通りです。 <br><textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">お名前をご記入ください
同様に、 にコードを追加できます。
2. クリックしてフォーム入力ユニットを削除します。この列の機能は上記と同じですが、マウスの使用方法が少し異なります。上記のようにマウスで覆うだけではなく、クリックする必要があります。のように：
以下は引用内容です:


入力ユニットをクリックすると、プロンプトメッセージが削除されます。とても便利ですよね?
3. フォーム入力ユニットの枠線設定: 従来のフォームユニットの枠線を変更すると、ホームページがよりカラフルになります。のように：
以下は引用内容です:


このうち「style=***」は左右上下、背景色の設定で、他のユニットにも適用されます。
4. フォーム入力ユニットのテキスト設定: フォーム内のユニットのフォントは次のように変更できます。
以下は引用内容です:


「style=***」はフォントとフォントサイズの設定です。
5. フォーム属性をポップアップ ウィンドウに変更する: ほとんどのフォームはアクティブ化されると、現在のページで開かれるため、通常のブラウジングに影響します。次のように変更することをお勧めします。
以下は引用内容です:

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