入力時に枠の色が変化するシンプルなコンタクトフォーム

MATEREATE INFORMATION

文字入力時に入力欄の枠の色が変化するシンプルなデザインのコンタクトフォームの無料Web素材です。入力中の枠の色が変化するため、入力欄が分かりやすく表示されます。シンプルなデザインながらもアクセントのあるコンタクトフォーム素材となっております。

素材の詳細

コンタクトフォームの通常時のデザイン
コンタクトフォームのデザイン

項目と入力欄のみのシンプルなデザインとなっております。各入力欄には参考記入例として「〇〇を入力」と記載してあります。

テキスト入力時のデザイン
テキスト入力時のデザイン

文字入力時にグレー色だった枠の色が変化します。各々のサイトのアクセントカラーや目立つ色等、好きな色を設定しましょう。

コンタクトフォームのボタンエフェクト
送信ボタンエフェクト

ホバーエフェクトにより、ボタンの色が変わる少しアクセントの効いた送信ボタンとなっております。

コンタクトフォームのモバイル端末でのデザイン
スマホ端末でのデザイン

レスポンシブ対応でスマホ端末では、上記のように表示されます。