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つだけ入れると、すり抜けてしまうケースがあります。 そんな時に便利な、スペースのみの入力を拒否する方法を紹介したいと思いま…
フォームに入力した郵便番号から住所を自動入力してくれるjQueryプラグイン「jquery.jpostal.js」
jquery.jpostal.jsは、フォームで入力した郵便番号から住所を自動的に取得してくれるjQueryプラグインです。フォームで住所を入力してもらう時に、郵便番号を入れるだけで住所欄に住所を自動入力してくれるので、…
WordPressログイン画面で「ログイン状態を保存する」に自動でチェックを入れる方法
WordPressにログインする際に、「ログイン状態を保存する」という項目にチェックを入れておくと、しばらくの間はログインIDやパスワードを入力する必要がなくなり、ログイン状態が保たれたままになります。 「ログイン状態を…
フリガナを自動入力してくれるフォームを設置するためのjQueryプラグイン「autoKana.js」
名前とフリガナを入力する欄が設置されたお問い合わせフォームって結構多いですよね。名前を入力して、フリガナも入力してと、ユーザーにとっては名前を入力するだけで2倍の手間がかかってしまいます。 そんな使い辛いフォームを改善し…
WEBページに設置したフォームのオートコンプリート機能を無効化する方法
WEBページに設置したフォームで、ブラウザのオートコンプリート機能を無効化する方法を紹介します。 オートコンプリートとは、ブラウザにIDやパスワードの情報を保存することができる機能のことです。WEBサービスなどでIDやパ…