Google Forms API登場。プログラミングでGoogleフォームの作成や編集が可能に
アンケートなどを簡単に制作できるGoogleフォームをAPI経由で作成、編集できる「Google Forms API」が発表されました。 The #DeveloperCommunity has more power! Thanks to the new Google Forms API, you have the ability to build powerful integrations on top of forms. Check out automation use cases https://t.co/3rwg3qr5Vg — Google Developers (@googledevs) October 12, 2021 Googleフォームは、質問項目や選択肢が並んだフォーム画面を作り、公開すると、自動的に結果がGoogle Spreadsheetに集計され、容易にグラフ化など
フォームメール2 - PHPスクリプト | サイト作りの小役立ち工房
sformmail.php 【本体】 sfm_config.php 【設定ファイル】 sformmail.css 【共通CSS】 sfm_form.html 【入力フォーム用】 sfm_confirm.html 【確認画面用】 sfm_completion.html 【送信完了画面】 sfm_mail_tmpl.php 【メール送信用テンプレート】 sfm_reply_tmpl.php 【自動返信用テンプレート】 /utf-8 【UTF-8用サンプル】 /shift_jis 【SHIFT_JIS用サンプル】 ご利用の際は、設定ファイル及び付属のHTMLファイルを参考にして下さい。 現在、自宅環境とレンタルサーバ「heteml」で動作確認しています。 PHPのバージョンや環境によっては動作しない可能性があることをご了承下さい。 ※バージョン1.xxとは各種ファイルに互換性がありませんのでご注
アーモンド・ラボ／WEBデザイン・FLASH・CMS - FLASH送信フォームの作成
FLASHに用意されているコンポーネントを利用して送信フォームを作成する方法を紹介します。 フォームの内容を送信するにはFLASHのみでは行えないので、送信の部分はPHPにて実行します。 作成するものは次の3点です。 テキストエリア、送信ボタンを含むフォーム 入力内容をPHPへ送信するためのスクリプト メールへの送信PHPプログラム はじめにFLASHの新規ファイル(AS3.0)を作成します。 レイヤーパネルから、「script」「form」レイヤーを作成します。 「form」レイヤーの1フレーム目にはフォームを作成して、2フレーム目に送信完了の画面を作成します。 フォーム作成ではテキストエリア、送信ボタンに図のようなオブジェクト名を付けておきます。 後で入力データ送信の際に必要になります。 2フレーム目に、送信完了の画面を作成します。 これは送信ボタンが押されて、PHPに
FLASHのお勉強_アクションスクリプトaction script_FLASHフォームメールLite
actionscript3.0による、フォーム部品としての「テキストフィールド」「コンボボックス」「ラジオボタン」の作成についてはそれぞれ既に勉強したが、今回は、それらを使ったフォームメールの作成である。 一般的に使われそうな項目をサンプルとして選び、正規表現による入力チェック、必須項目の入力状況チェック機能を付与し、送信は、メーラーを立ち上げるタイプと、cgiのsendmail機能を使うタイプの両方を解説することにしたい。 なお、テキストフィールドの作成用asファイルは、前回解説したものをフォームメール用に若干手直しをしているが、コンボボックス、ラジオボタン作成用のasファイルは変更していない。 また、新たに文字入れ専用のmakeLabel.as を追加した。 なお、as3.0による記述は2.0と大幅に変わっている。 大幅にレベルアップしたスクリプトになっているのは確かであるが、もう通常
80+ Excellent Examples of Creative Contact And Web Form Designs
80+ Excellent Examples of Creative Contact And Web Form Designs A perfect layout, A Good Design and Nice resource can produce a creative output. Layout, textures and patterns are used more often than one may think but the outcome of different combination can result verity of designs. One of the interesting trend which I noticed recently is using an attractive in-page forms to receive data from use
The Current State of HTML5 Forms · Wufoo
An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette
日本語ローカライズした jquery.validationEngine.jsでContact Form 7の入力値をチェックする
WordPress をお使いの方にはおなじみの All in One お問い合わせフォームプラグイン「Contact Form 7」には入力値チェックの機能が備わっています。備わっておるのですが、フォームの入力値チェックを行う jQuery プラグインなんかが巷に溢れており、Contact Form 7 でぜひそれを使いたいというニッチな要望もあるような気がします。 必要がないとか、苦労に見合う価値が認められないからニッチなのであり、ネットで探しても情報がありませんとなるのですが、wpxtreme では実用性はともかく面白そうだったりヒマだったらやってみる方針なので Contact Form 7 × 各種 jQuery フォームバリデーションプラグインインテグレーションプロジェクトを始めます。第1段は A jQuery inline form validation, because val
フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
Showcase of Inspiring Search Box Designs - noupe
Having an aesthetic search box on a website is as important as being capable of establishing good content on the website itself. It is true that one could provide categories in order to allow users rummage through content to find what they may be looking for on the site. [fblike] Nevertheless, the fact of having a search box on the site will facilitate the process for the user since they will be a
HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
[JS]IEでフォームのselect要素の中身が省略されてしまうのを解消するスクリプト -ieSelectWidth
IEでフォームのselect要素にwidthを指定した際、はみ出した箇所が省略されてしまうのを解消するスクリプトを紹介します。 Internet Explorer Select Width Bug Workaround デモページ 対応ブラウザは2010年6月17日の時点でIE6, 7, 8で、スクリプトを使用すると他のブラウザ（Firefox, Chrome, Safari, Opera）と同様に省略されずに表示されるようになります。 ※IE6には別途bgiframe Pluginが必要です。 スクリプトでは他の機能として、スクリプト側でのwidth指定、margin/padding/borderの設定も可能です。 設置は簡単で、既存のフォームにも簡単に適用できます。 jquery.jsとjq.ie-select-width.jsを外部ファイルで記述し、下記のスクリプトを記述します。 J
オシャレにフォームのエラーをヒント表示してくれるjQueryプラグイン「Ketchup」:phpspot開発日誌
Ketchup Plugin オシャレにフォームのエラーをヒント表示してくれるjQueryプラグイン「Ketchup」。 次のように、Submit した時点でのエラー表示を吹き出しつきの枠をもってわかりやすく表示してくれます。地味にアニメーションする部分もいいです。 Validateというと、どういう値が正しいかという指定が必要なのですが次のように class に指定することで定義するようです。 class に指定するということで好き嫌いが分かれそうな気もしますね。ちょっと改造してもよさそうです。 <input type="text" class="validate(required, username, rangelength(3,20))" /> max, min, range, digits, mail, url など、基本的なバリデート指定は最初から実装されているみたいです。 関連
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
フォームの入力項目にうっすらテキストを表示するJavaScript「jQuery Watermark Plugin」
twitter facebook hatena google pocket フォームなどでよく、デフォルトでテキストが表示されている場合があります。 何を入力すれば良いのかを示しことができるので、ユーザービリティ上有意義な方法です。 jQuery Watermark PluginはjQueryベースでこれが可能です。 sponsors 使用方法 jQuery Watermark Pluginからjquery.updnWatermark.jsを、jQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.updnWatermark.js"></script> <script type=
都道府県選択するやつ。
メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北
Select Cuts Off Options In IE (Fix) | CSS-Tricks
I think the problem is fairly obvious here. If you set a static width on the <select> element and the width of the text in the <option> are wider than that, the text gets cut off in IE 6-8. There is no good pure-CSS solution for this that I can come up with or find. It has been tackled with JavaScript a number of ways. Yahoo! has a fix in their libraries. But I’m already using jQuery, didn’t want
入力フォームのユーザビリティ&アクセシビリティ！
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
フォームデザインいろいろ - DesignWalker
今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。 登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。 Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメントフォームを集めたショーケースです。きれいなフォームがたくさんありますね。またこちらのサイトでは、他にもいろいろとフォームをまとめられております。ログインフォームや登録フォーム、別のブログコメントフォームも参考になりますね。 Pattern Tap 現在185種類のフォームデザインがまとめられております。 Form Generators, Styling, Inspiration | CSSAddict おしゃれにデザインされたフォームがたくさん。 Web
テキストフィールドのフォーカス時に背景色を変更する JavaScript
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
オリジナルのメールフォームが専門知識不要で誰でも簡単に作れる無料サービス「まぐまぐ！かんたんフォーム」
メールマガジン配信サービスの最大手「まぐまぐ」が感想受付やアンケートなどに使える投稿フォームを無料で簡単にすぐ作成できる無料サービス「まぐまぐ！かんたんフォーム」を開始したとのことなので、どれぐらい簡単に作成できるのか実際に試してみました。自由記入欄以外にもチェックボックスやセレクトボックスなどの使用も可能で、各項目は「必須」か「任意」かという選択もできるようになっているとのこと。 実際に作ってみたサンプルなどは以下から。 まぐまぐ！かんたんフォーム - まぐまぐ！ http://form.mag2.com/ 上記ページにアクセスしたら「規約に同意しフォームを作成する」をクリック 今回はオリジナルで作成するので一番右端をクリック こんな感じで表示されます。作り方の詳細説明は一応ここに書いてあるので、それを参考にして作ってみましょう。 項目設定が終わったら「フォーム内容確認」をクリック それ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
