77 CSS Formsは、様々なフォームのデザインとそのデザインを実現するためのサンプルコードがまとめられているサイトです。 各フォームのデモを確認したり、HTMLとCSSのコードセットをダウンロードすることも可能です…
様々なフォームデザインとサンプルコードがまとめられている「77 CSS Forms」
Contact Form 7のフォームに入力されたメールアドレスがRFCに準拠しているかチェックする方法
Contact Form 7のフォームで入力されたメールアドレスがRFCに準拠しているかどうかをチェックする方法をご紹介いたします。 RFCというのはネットワークにおける技術仕様のようなもので、IETFという団体が発行し…
Contact Form 7にメールアドレス確認用のフォームを追加する方法
メールアドレスを2回入力して、メールアドレスが正しいかどうかを判断する、といったフォームはよく見かけると思います。Contact Form 7で同じようにメールアドレス確認用のフォームを設置しようと思っても、デフォルトで…
Contact Form 7に一つ前のページの情報を渡してフォームに自動入力させる方法
お問い合わせページへ移動する前のページの情報を渡して、フォームにタイトルなどの情報を自動入力する方法をご紹介いたします。 Contact Form 7に一つ前のページの情報を渡してフォームに自動入力させる方法 今回は、C…
チェックを入れたら入力可能になるテキストボックスをjQueryで実装する方法
HTMLフォームで、チェックを入れた時だけ有効になるテキストボックスを実装する方法をご紹介いたします。 今回は例として、果物にチェックを入れたら個数が入力できるようになるフォームを作りたいと思います。 以下のように、チェ…
チェックボックス選択時のアニメーションを追加することができる「Checkbox.css」
Checkbox.cssは、チェックボックスを選択した時にアニメーションをつけることができるCSSファイルです。先日紹介したRadiobox.cssはラジオボタンにアニメーションを追加するCSSでしたが、今回はチェックボ…
ラジオボタン選択時にアニメーションを追加することができる「Radiobox.css」
Radiobox.cssは、ラジオボタンを選択した時にアニメーションをつけることができるCSSファイルです。 実際の動きについては、以下よりご確認いただけます。 デモページを見る Radiobox.cssの使い方 1. …
お問い合わせフォームからのスパムメールを防いでくれるWordPressプラグイン「Contact Form 7 Honeypot」
Contact Form 7 Honeypotは、フォームから送信されるスパムメールを防ぐためのWordPressプラグインです。 Contact Form 7を拡張するプラグインになりますので、Contact Form…
外部のメールサーバーを利用してメールを送信することができるWordPressプラグイン「WP Mail SMTP」
WP Mail SMTPは、外部のメールサーバーを利用して、メールを送信することできるようになるWordPressプラグインです。 Contact Form 7などのフォームプラグインを導入しても、サーバーによってはメー…
フォームでスペースのみが入力された時に、jQueryを使って拒否する方法
名前や住所などを入力してもらうフォームにて、テキストボックスを必須項目に設定していてもスペースを1つだけ入れると、すり抜けてしまうケースがあります。 そんな時に便利な、スペースのみの入力を拒否する方法を紹介したいと思いま…