タグ

フォームに関するgotackのブックマーク (33)

  • メールフォーム 無料 作成!CMS EasyMail(イージーメール)とは

    タグ 楽天市場スーモAR書店電子書籍家電ライブコマース店舗ビジネスギフト採用サイトカゴメプラットフォーム若者転職月額定額飲業界マンガシフト管理年末年始法人向けハッシュタグマーケティング無料3Dデザインセキュリティ対策オープンデータシステム販売CRMRPAuberゲームappleストーリーblogフリー仕事検索事例ファクタリングBtoBマーケティングデータ写真素材レビューCGM新サービスグルメ人工知能webツールリサーチクラウドファンディングスマホ広告くじ補助金住まい査定LPクリニック初心者投資ハンドメイドフリーランスオークショングループウェア決済サービスサブスクindeedデータベース引越し西会津町主婦マッチング市場DSPコンテンツマーケティングLINEネット広告テレワークフリーソフトAPICtoCマニュアル経営ボーナスライブ動画少額投資母の日GMOコストカットコミュニケーション暮らし

    メールフォーム 無料 作成!CMS EasyMail(イージーメール)とは
  • 簡単設置スマホ対応レスポンシブ メールフォームの無料ダウンロード

    簡単設置スマホ対応レスポンシブ メールフォームの無料ダウンロード 公開日 2014年3月28日 最終更新日 2024年3月18日 著者 Motohiro Tani とても簡単に設置できるメールフォームを無料でダウンロードできます。 制作する上での基思想は、 入力する人がストレスを感じることなく快適に入力~送信までできること。 なるべく簡単に設置でき、正常にメール送信がされること。(標準状態で) 既存のページに組み込みやすいこと。 デザインの変更などがしやすいこと。 となっております。上のものほど優先度が高いものになります。 上記1と2を特に重視している関係上でメール文欄のカスタマイズは難しいかもしれませんが、そのあたりは設置者のスキルやカスタマイズ依頼などでカバーしてください。(宣伝) 現在の最新バージョンは2022年12月22日公開の8.1です。 参考ページ:プログラムをアップデート

    簡単設置スマホ対応レスポンシブ メールフォームの無料ダウンロード
  • フォームテンプレート | Qubo REQUEST サポートサイト

  • wordpressプラグイン「MW WP Form」で選択項目によって必須を切り替える条件分岐の方法

    MW WP Form 条件分岐サンプルフォーム1.まずは何もせずに「確認」を押す ・・・テキストボックスはエラーにならない 2.「その他」「メール」を選択して、「確認」 ・・・テキストボックスが必須に切り替わっている 3.テキストボックスに入力して「確認」 ・・・バリデーションエラーがなくなる という流れで確認してもらうとわかりやすいでしょう。 こちらのページをご覧ください。 MW WP Form 選択項目による条件分岐・必須切り替えサンプルフォーム フォームタグはこちら(HTML省略)お問合せ項目(複数選択可) 必須 [[mwform_checkbox name=”お問合せ項目” children=”項目1,項目2,項目3,その他”]] [[mwform_text name=”その他詳細” placeholder=”その他の場合は必須に切り替える”]] ご連絡方法 必須 ※電話番号は別途

    wordpressプラグイン「MW WP Form」で選択項目によって必須を切り替える条件分岐の方法
  • プログラミングなし・埋め込みタグのコピペだけで超簡単にWeb制作できる「POWr」の多機能ぶりに驚愕! - paiza開発日誌

    どうも、まさとらん(@0310lan)です。 Webサイトには「問い合わせフォーム」「ショップページ」「ギャラリー」「コメント」…など、さまざまなコンテンツが詰まっています。 これらのWebコンテンツをプログラミングすることなく、まるで「YouTube動画」を貼り付けるような感覚で構築できる無料サービスがあるのでご紹介しようと思います! 【 POWr 】 「POWr」は、およそ50種以上のWebコンテンツが登録されており、「埋め込みタグ」をサイトに貼り付けるだけですぐに利用できるようになります。 細かいカスタマイズにも対応しており、1つずつのコンテンツを複数組み合わせて使うのも自由自在です。 ■使い方! それでは、実際に使いながらどのようサービスなのかを見ていきましょう! 今回は、サンプルとして「お問い合わせフォーム」を作ってみたいと思います。 まずは、サイトにアクセスして無償の「ユーザー

    プログラミングなし・埋め込みタグのコピペだけで超簡単にWeb制作できる「POWr」の多機能ぶりに驚愕! - paiza開発日誌
  • フォームはラベルの配置場所で使いやすさが全然変わる!ユーザーが利用しやすいフォームを徹底考察 | コリス

    あなたのフォームは、ユーザーが簡単に利用できますか? もし簡単でないなら、フォーム入力を完了するのも予想以上に難しいとも言えます。 ユーザーが入力しやすく、そして入力内容の確認も簡単なフォームについての考察を紹介します。 Why Infield Top Aligned Form Labels are Quickest to Scan by anthony 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 フォームは入力前、入力後の分かりやすさが大切 最近のフォームで見かける問題 1つ目:ラベルとフィールドを上から順番に配置した場合 2つ目:ラベルをフィールドの内側に配置した場合 3つ目:ラベルをフィールドの内側のトップに配置した場合 ラベルの配置を内側トップに変えるとどうなるか ラベルを内側トップに配置するのが機能するフォームとは まと

    フォームはラベルの配置場所で使いやすさが全然変わる!ユーザーが利用しやすいフォームを徹底考察 | コリス
  • フォーム周りで覚えておくと便利なCSS Snippets - NxWorld

    フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ(特にIE9以下)によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ

    フォーム周りで覚えておくと便利なCSS Snippets - NxWorld
  • selectボックスを置換えてオシャレかつ使いやすくできるjQueryプラグイン「Selectable」:phpspot開発日誌

    jQuery Selectable - elohr selectボックスを置換えてオシャレかつ使いやすくできるjQueryプラグイン「Selectable」 selectというとその場で開閉するデザインですが、次のようなデザインの選択用のウィジェットに置き換え可能。 項目を検索できたり、項目がウィジェット内にならんでおり、便利に使えます 関連エントリ selectボックスにアイコンを付けて分かりやすくできるjQueryプラグイン「wSelect」 項目の多いselectをインクリメンタル検索形式に変換できるjQueryプラグイン「flexselect」 BootstrapのselectボックスをよりリッチにするjQueryプラグイン「bselect」 selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」

  • 入力フォーム改善でCV率1.6倍!成果を上げる18のテクニック | LISKUL

    たかが入力フォーム、されど、入力フォーム。 ユーザーが入力フォームに入力しているとき、もう気持ちは「購入します!」「申し込みます!」と決まっているはずです。 しかし、入力フォームが使いにくいために、せっかくの顧客をのがしてしまう可能性があるのです。 サイトへの流入はあるのに成果が上がらない・・・。 フォームPV数とコンバージョン数に差がある・・・。 そんな時には入力フォームを見直すべきかもしれません! 入力フォームについて書かれている16の記事、サイトを参考に、結局、なにが重要なのか、基と応用合わせて18のテクニックを厳選し、事例を交えてお伝えします。 入力フォーム改善の威力、条件を知ることで、成果を上げる入力フォームを作ることができるはずです。 失敗しない入力フォームを選ぶ!【LISKUL特集(2019年版)】CVR改善ツール一覧>> ※記事は2014年7月29日に公開された記事をL

    入力フォーム改善でCV率1.6倍!成果を上げる18のテクニック | LISKUL
  • アンケート作成サービスのTypeformが日本語に対応!

    2013年4月22日 便利ツール Webサイト上でシンプルなアンケートが作成できるTypeformをご存知ですか?以前「マルチデバイス対応の【Typeform】で街頭アンケートがよりスムーズに行えそう!」という記事でも紹介しましたが、その時はまだ日語の表示に不安な点も多々ありました。この度中の人から、フォーム部分は日語に完全対応させ、新機能を搭載したとのご連絡をいただきましたので、改めて紹介します。 ↑私が10年以上利用している会計ソフト! 紹介用動画です。その動画でもあるように、アンケートの入力にタブレットを使う企業が増えてきたなーと実感しております。というのも先日初めて訪れた某ジムの初回登録用アンケートでも、某ファッション・ブランドの「お客様の声」アンケートでもiPadを使っていたからです。しかし、どちらもデスクトップ用Webサイトでよくあるような登録フォームで、文字も小さく、入力

    アンケート作成サービスのTypeformが日本語に対応!
  • フォームメーラー|SSL・携帯対応の無料メールフォーム作成ASP

    いろいろなシーンに 対応 必要な時、スピーディに フォームとページ を作成できます。 あらゆる課題を解決する活用法やサンプルを紹介! イベント・セミナー キャンペーン ネット販売 アンケート お問い合わせ 予約 登録 採用 ホームページ 社内の報告書

    フォームメーラー|SSL・携帯対応の無料メールフォーム作成ASP
  • CSS3の可能性を見いだし、且つIE8でもレンダリングされる、使いやすくてかっこいいフォームを実装するチュートリアル

    Custom Login Form Styling 下記は各ポイントを意訳したものです。 「使いやすい」フォームをつくるポイント 「使いやすい」と「かっこいい」を両立したフォームの実装 「使いやすい」フォームをつくるポイント ログイン、コメント、コンタクト、フィードバックなど、フォームの入力には多くの時間がかかります。もしフォームが使いにくいものであれば、それはあなたがユーザーを混乱させていると言ってもよいでしょう。 フォームをより使いやすく、ユーザフレンドリーにするポイントがいくつかあります。 ラベル ここで言う「ラベル」はlabel要素のことではなく、フォーム上に表示されるラベルです。ラベルは明確にしておく必要があり、この情報によってユーザーはそこに何を入力するべきか知ることができます。 ラベルにはアイコンなどを使って、ビジュアル的に理解を深めるようにしてもよいでしょう。 フィールド

  • お問い合わせフォームのWordPressプラグイン、Trust Formはもっと素敵だった。 / Maka-Veli .com

    前回の続編です。 inquiry form creatorの後継のようですね。 色々変わっているので一応書いておきます。 inquiry form と比較 確認画面・サンキュー画面の文言を細かく変更可能 以前はフォーム部分だけだったと思うんですけど、冒頭に文言や画像を入れられるようになっていますね。これにより、フォームの説明や、サンキュー画面で他ページへの誘導などが可能に。 「必須マーク」など、細かく設定可能 画像なんかも指定できます。 CSSが管理画面上で編集可能 akismetと連動してスパム排除 各画面のHTMLが自由に編集可能 テーマフォルダにtrust-form-tpl-.php等と置いておけば読み込んでくれるそうです。 それぞれ「trust_form_show_input()」「trust_form_show_confirm()」「trust_form_show_f

  • GUIで直感的に作成できる3種類のCSSコードジェネレーター

    GUIで直感的に作成できる3種類のCSSコードジェネレーター Button Builder 様々なユーザーインターフェースのデザインを公開している『Ui Parade』が公開している3種類のCSSコードジェネレーター。 ボタンを作成する『Button Builder』、フォームを作成する『Form Builder』、リボンを作成する『Ribbon Builder』の3種類が利用できます。 Form Builder Ribbon Builder どれもプレビューしながらスライダーなどを使って直感的に作っていくことが可能です。 出来上がったら『Generate HTML』あるいは『Generate CSS』をクリックするとコードが出力されます。 作成されたコードはコピーして適宜デザインワークに利用できます。

    GUIで直感的に作成できる3種類のCSSコードジェネレーター
  • ウェブのフォームで入力途中の文章を自動保存する「Lazarus」 | 教えて君.net

    ウェブの入力フォームに長文を入力している最中、ブラウザが固まったり、間違ってページを閉じたりして、作成中の文章がすべて消えた……。こんな悲劇を予防できるのが、Chrome拡張「Lazarus」。フォーム入力中のテキストを自動バックアップしてくれるぞ。 「Lazarus」は、Google Chromeでの入力フォームの内容を自動的に保存する拡張だ。入力フォームに直接長文を書いている最中に、画面を閉じてしまってすべて台無しになる。こんな経験、一度や二度はあるはず。Lazarusは、フォームに入力しているテキストを保存し、途中でブラウザの画面を閉じてしまった場合も、後からテキストを復活させることができる。 また、バックアップされたテキスト履歴にはパスワードをかけることも可能。これで第三者がパソコンを使った場合も、勝手にフォームの入力内容を覗き見られる心配がない。 入力フォームに直接文章を書いてし

  • YouTube人気急上昇

    【ゆっくり怖い話】突然『霊感』が覚醒した為に起こった最恐の出来事とは?…2ch怖いスレ『見える人見えない人』

    YouTube人気急上昇
  • 電話番号の入力欄等を使いやすくできるjQueryプラグイン「EasyType」:phpspot開発日誌

    EasyType Dev 電話番号の入力欄等を使いやすくできるjQueryプラグイン「EasyType」。 このプラグインを使うと予め指定したフォーマットで特定のインプットフィールドを初期化すると、指定の文字しか入れられないようにしつつ、背景に入力ヒントを表示させられます。 初期化を次のようにします $('#phone_number').easytype('(###) ###-####'); 入力には ###-###-#### という形式の数字しか入れられなくなります。 フィールドを分けるのも面倒ですし、かといって単なるinputをおくだけだとちょっと不親切かもしれないですね。 ifとかelseも使えるので、携帯番号でも、固定電話でも使うことはできそうです。 電話番号以外にも 2011/10/01 のような日付を入れるのにも使えます。 ソフトウェアのシリアル番号っぽい入力をしてもらうことも

  • フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か

    どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基的に画像を変え

    フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か
  • 中身が画像のselectボックスを作るjQueryプラグイン:phpspot開発日誌

    Image Select plugin with jQuery | images select 中身が画像のselectボックスを作るjQueryプラグイン 普通selectの中身といえばテキストが一般的ですが、画像で選ぶことができます。 select内のoptionの値を画像のパスにしておいて、$(element).ImageSelect() のように初期化するだけで使えます 関連エントリ アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」 デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成できるjQueryプラグイン「FancySelector」

  • 実装が簡単で、フォームの使い勝手を向上させるJS 3種

    Web屋の私がブックマークしているサイト65 | Webクリエイターボックス の、CSSんところにちゃっかり、CSS HappyLife ZERO が載ってて嬉しい>< さて、今回はフォームです。 お問合わせフォームとか資料請求フォームとか、ウェブサイトには結構な確率で何らかのフォームが有るかと思います。 このフォームの使い勝手の良し悪しが、とても重要なのは言うまでも有りません。 でもまぁ、ビミョーなフォームが多いですよね。 気でやり出すと、サーバーサイドに手を加えたりして云々だと大変なので、コストがかかるとかで出来ない場合も有るかも知れません。 しかし、フロントエンドで出来ることも有るので、フォームを実装する際に何事もなかったかのように極々自然と使い勝手が良くなる(だろう)機能を盛り込んだらステキですよね。きっと。 しれっとコーダーが、フォームに今回紹介する機能を実装しておけば「おー!

    実装が簡単で、フォームの使い勝手を向上させるJS 3種