タグ

フォームに関するnumber_Fouのブックマーク (8)

  • メールフォームサービス/API/ASP/Saas | SSGform

    SSGform(エスエスジーフォーム)はフォームを簡単に設置できるサービスです。SSG(Static Site Generator=静的サイトジェネレーター)をお使いの方はもちろん、Wordpressや各種WEBサイト、WEBアプリケーションのフォーム送信先だけを入れ替える使い方にも対応しています。もう、フォームの設置で悩む必要はありません。

    メールフォームサービス/API/ASP/Saas | SSGform
  • メールフォームの設置と IncludeBlock タグの練習 | テンプレート | かたつむりくんのWWW

    このブログにもメールフォームを設置してみました。おそらく使用される機会は非常に少ないでしょうが、プラグインを使わない方法を試したかったので。右上のガイドナビにある「Contact」がそれです。 Movable Type でメールフォームを使おうと思ったら、まっさきに次の二つのプラグインが思い浮かぶのではないでしょうか。 The blog of H.Fujimoto: メールフォームプラグインV2.10の使い方 A-Form:MovableTypeにフォーム設置できるMTプラグイン|Web制作のアークウェブ しかし、今回はあえてプラグインは使用せずに、SYNCK GRAPHICAさんのところで配布しているメールフォームプロCGI/UTF-8対応を使わせていただきました。 さて、今回はメールフォームの項目を、先日のMovable Type Developer Conference で刺激を受け

    メールフォームの設置と IncludeBlock タグの練習 | テンプレート | かたつむりくんのWWW
  • MW WP Form の設定方法とカスタマイズ – パソコン生活サポート Pasonal

    MW WP Formのメールフォームの作成 WordPressのプラグインから「MW WP From」でインストールし、有効化しましょう。このサイトでは「MW WP From」を以下のな手順で作成していきます。 「MW WP From」の新規作成 「テーブルを作成」 「フォームタグを追加」を各所に配置 「自動返信メール」の設定 「管理者宛メール」の設定 「エラーメッセージ」の設定 「バリデーション(入力チェック)※function.phpでフック」 「表のレイアウトを変更」 「郵便 → 住所 自動入力」でカスタマイズ 「送信ボタン」を画像にカスタマイズ 「細かい修正」 「動きがおかしい!」 1.WordPressメニューから新規作成を選択 左側のメニューに「MW WP From」と「新規作成」が表示されます。新しく作成する場合は、「新規作成」から選択します。メールフォームを編集する場合は、

    MW WP Form の設定方法とカスタマイズ – パソコン生活サポート Pasonal
  • カスタムフィールド(Toolset Types)の内容をメールフォーム(MW WP Form)に渡す@WordPress - ショウジンブログ on Hatena

    カスタムフィールドに入力された値(内容)を申し込み等のメールフォームに引き渡したい場合があります。 例えば、前回作ったカスタムフィールド。 blog.showzine.co これはセミナー開催情報の詳細です。 そのセミナーに申し込みたいと訪問者が思った時に「お申込み先」をメールフォームで用意。(前回の実装例では申し込みは直接メールアドレスにメールを送信する形でした) カスタムフィールドに登録されている開催日時やマップ、講師名、会場等の情報がお申込みフォームに引き渡され、申し込みを送信するとその内容(カスタムフィールドの内容含む)が自動送信メールで送信されると、申し込んだ人があとでセミナー情報詳細の投稿を確認しにいかなくて済みます。 この実装方法のほうがより実際の現場ではスマートで利便性も高まるかと思います。 引き続きWordPressのプラグイン「Toolset Types」と、メールフォ

    カスタムフィールド(Toolset Types)の内容をメールフォーム(MW WP Form)に渡す@WordPress - ショウジンブログ on Hatena
  • 今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA

    みなさん、入力フォームを制作する際、どのような施策をおこなっていますか? 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chromeデスクトッ

    今どきの入力フォームはこう書く! HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
  • GoogleのAPIで住所入力を超絶楽にするデモ&サンプル:phpspot開発日誌

    Google Address Autocomplete API GoogleAPIで住所入力を超絶楽にするデモ&サンプル。 Googleが提供元ということで日語にも対応しています。 郵便番号からも、住所の一部分からも検索できるので、とにかく便利。 関連エントリ クールでモダンなコンタクトフォームのデモ&サンプルスクリプト フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイン「Formplate」 超カッコ良い検索フォームのチュートリアル&デモ カスタマイズ可能なタグ入力フォーム実装「Insignia」

  • 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」:phpspot開発日誌

    Ideal Forms 3 - Documentation 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」。 1画面数の要素数を減らして入力の負荷を減らせるステップ別フォーム。 単なるステップ別フォームを作るだけじゃなくて、フォームデザインもクールにし、Validation・ヒント機能なんかもついてます。 こうした形のフォームを作る際に参考に出来そうです。 関連エントリ フラットデザインでレスポンシブな超カッコいいフォームを実装できる「Grid Forms」 フォーム要素にフォーカスした際のヒント表示を簡単に実装できるjQueryプラグイン「FormHelp」 スマホでのフォーム入力をシンプルに分かりやすくできる「Leader.js」 画像をクリックで選択してフォーム送信できるようにするjQueryプラグイン「Image Picker」 マークアッ

  • HTML5のプレースホルダをもっと良くする「JVFloat.js」:phpspot開発日誌

    maman/JVFloat.js GitHub HTML5のプレースホルダをもっと良くする「JVFloat.js」。 inputの中にグレーで入力するもののヒントを表示できるプレースホルダですが、入力しちゃうと、あれ、これなんだっけ?となる場合がありそうです。 入力数が多くて、曖昧な入力が多いと、使い勝手が悪くなってしまうかも。というわけで、プレースホルダはそのまま表示しつつ、テキストを入力すると、入力したものの上にラベルでヒントを表示してくれるようにするJSライブラリです。 内容を入力すると、ヒントが小さくなって入力したものの上に表示されて分かりやすい また一歩、フォームが進化したかもしれないと思いました。 関連エントリ フィールドへの適切な入力文字数を分かりやすく教えてくれるjQueryプラグイン「wChar」 次世代のクレジット番号入力を提供するプライスレスなJS「Skeuocard

  • 1