はてなブックマーク

WordPressのContactForm7でユーザーのお手を煩わせることなく、ドロップダウンを設定してあげよう！の方法を記事にしました。たとえば。 お問合せページはひとつなんだけど、 リンク元が幾つかあり、 リンク元によって、リンク先（つまりお問合せページ）に設置している「お問合せ区分」などのドロップダウンのデフォルト値を変えたい という場合の方法です。 ユーザーのお手を煩わせることなく、ドロップダウンを設定してあげようということです。 ContactForm7のテキストエリアへの値セットは簡単なんだけど 本題からは外れますが、ContactForm7のテキストエリアへの値セットの方法も書いておきます。 //テーマフォルダのfunctions.phpに下記のコードを追加する。 function my_form_tag_filter($tag){ if ( !is_array( $tag

HTML5の人にもそうじゃない人にも。日付フォームにカレンダーを表示させる方法。 HTML5とjQueryUIの合わせ技です。日付を入力して欲しいフォームにはカレンダーを表示させたいと思うのが世の常です。 HTML5では <input type="date" /> とするだけで簡単にカレンダー表示できます。 （ブラウザによってデザインが違いますが） こんなふうにHTML5対応のブラウザで見るとクリックでカレンダーが表示されるはずです（未対応の場合は無反応です）→ でも、まだまだHTML5未対応ブラウザは多い。（HTML5ついでにCSS3対応表はこちら） それで、jQueryUIのdatepickerを選択する。 万事解決かと思いきや、スマホ表示で表示したときにカレンダーとソフトキーボードが同時に立ち上がり、邪魔で入力しづらい！という経験はありませんか？ そんな時は、HTML5とjQu