Googleフォームで自動返信システムをサクッとつくる (4/4)
動作をチェック！ 実際にライブフォームを表示し、フォームを送信してみましょう。このサンプルでは、Gmailを利用してフォームの送信内容をメールで管理者に自動送信します。フォームを送信したら、Gmailを開いてメールを確認しましょう。送信したフォームの内容がまとめて書かれているのが分かります。 フォーム送信の情報は？ このスクリプトでは、引数で渡されているeオブジェクトから、送信したフォームの情報を取り出しています。ポイントを絞って簡単に説明しておきましょう。 1. 送信した各アイテムの情報を取り出す var itemResponses = e.response.getItemResponses(); 送信したフォームの各アイテムのタイトルや入力／選択した値などの情報をまとめて取り出します。e.response.getItemResponses();で、フォームの1つひとつのアイテムを扱うオ
すてきな入力フォームを作るために調べてみたこと - console.blog(self);
入力フォームって、基本的に忌み嫌われるもの。項目がたくさんあると、そっとタブを閉じたくなる。 旅行に行くときに、いろいろな旅行会社の入力フォームを見たけど、あまり使いやすくなかった。というか、見た瞬間に入力する気が失せてしまうような入力フォームが多かった。 入力フォームの多いページに関わることがあるので、入力フォームに関する資料をいろいろ読んだ。タブを閉じられないように、使いやすい入力フォームを考えたい。 入力フォームについて読んだもの 参考になったのはこれらの資料。どの資料も新しいものではないけど、参考になることはたくさんあった。 僕は英語が苦手で、そんな僕が読んだ感想を書くので間違いがあるかも。間違っていたら教えてください。詳細は原文を読んでください。 RIAC：RIAコンソーシアムユーザビリティガイドライン LukeW | Web Form Design Best Practices
PHPでデータの更新・削除画面を作るには
PHPでデータの更新・削除画面を作るには ■ 処理の概要 ここでは、登録されたデータを変更・削除する方法を紹介します。データの変更・削除を実現するにはいろいろな方法が考えられますが、ここではオーソドックスな方法として、まず一覧に登録されているデータを表示して、その後にボタンで変更・削除対象のデータを処理する方法を紹介します。 操作対象のテーブルは引き続きtsumiki_tblを使います。このテーブルに登録されているデータの一覧を表示するスクリプトをitiran.phpとします。このスクリプトでは、レコードごとに「更新ボタン」と「削除ボタン」が付加されます。ボタンはもちろんフォームを使って作成されますが、このフォームにはHIDDEN項目として「主キー」の要素を含めておきます。 更新・削除スクリプトでは、送られてきたHIDDEN項目の「主キー」によってSQLのWHERE条件を作成します。「更新
ラジオボタンをCSS3で装飾して作った画像ギャラリー
ラジオボタンを使った画像ギャラリーを作りましたので紹介してみます。かなり変わった使い方ですが、CSSの勉強にもなると思いますのでぜひ。 今回は古いブラウザ（IE７，８）でもそれなりに対応できるようにしましたので、そこそこ実用的だと思います。 別サーバーにサンプルを用意していますので動作確認していただければと思います。 HTML ではまず外部ファイルの読み込みから。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/selectivizr.js"></script> <
フォーム（Form） - とほほのWWW入門
JavaScript とフォームをくみ合わせることによって、いろいろなことができます。下記の例では、2つの入力フォームに入力した値の合計を表示します。 <script> function func() { var xx = parseFloat(document.F1.T1.value); var yy = parseFloat(document.F1.T2.value); document.F1.T3.value = xx + yy; } </script> <form name="F1" action="#"> <input type="text" name="T1"> ＋ <input type="text" name="T2"> <input type="button" value="＝" onclick="func()"> <input type="text" name="T3"
基本的なフォーム -- ごく簡単なHTMLの説明
この例をもとに、HTMLのフォームを構成する要素を順番に説明していきます。この例のHTML全体は、本章の最後で改めて紹介します。 フォームの基本枠組み データを送信するためには「何を」「どこに」「どうやって」送るかを示さなければなりません。フォームはこのための手段を提供します。 HTMLのフォームは、データを入力するための手段（コントロールと呼びます）と、それに関するラベルや説明から構成されるひとまとまりのセクションです。「何を」送信するかを示すためにこのセクションの範囲を明示し、「どこに」「どうやって」送信するかを設定します。この枠組みを提供するのがform要素です。 form要素の構造 form要素タイプは2つの主要な属性を持ちます。ひとつは「どこに」、つまりデータを受け取るプログラムを指定するaction属性、もうひとつが「どうやって」、つまりデータの送信方法を指定するmethod属
パズルネット智慧
パズルネット 智慧（ソフィア）にお越しくださり、ありがとうございます。 当サイトは、パズルとWebの融合を促進する研究所です。 パズルの話題のみならず、Web製作に関する情報・プログラム関係の情報を掲載していきます。 ソフィア「Σοφια」とはギリシャ語で「知恵」を表します。 知恵は頭の中にある知識を活用する能力です。 今まで積んできたWebの知識を使ってパズルを製作したり、解説したりしていきます。 当サイトはリンクフリーです。 どのページにでもリンクしてくださって構いません。 ただし、TOP（このページ）以外は移動・削除される可能性があります。
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
Ajaxによるフォーム入力作業のサポート
平成10年卒業生のみなさんへ 卒業生の名簿を作ります。以下の項目を入力して送信してください。 名前： 電話（携帯）： メール： 郵便番号： 住所： 今年の夏頃（7〜9月）に同窓会を開きたいと思います。希望する日程を選んでください。 希望日程１： 希望日程２： 希望日程３：
サイト作りの小役立ち工房
フォームメールやアクセスカウンタ等の自作のPHPスクリプトやJavaScript、カスケードスタイルシート（CSS）を中心に、Webサイト作りに（ほんのちょっと？）役立つかも知れないと思うものを取り上げていこうと思ってます。 徐々にアイテムを増やしていこうとは思っているのですが、なにぶん時間的にゆとりがあまり取れないので、なかなか思うように組んでいけない状態です… サーバ環境 このサイトはさくらのVPSを利用してます。（Apache/2.4 PHP/7.4.33） ローカル環境はApache/2.4 PHP/7.1です。 ※レイアウトや動作確認等はWindows版の Google Chrome、Internet Explorer 11、Mozilla FireFox 以外ではチェックしていません。 Mac版のブラウザでは正常に表示できない場合があります。 ※各PHPスクリプトは、基本的にE
送信フォーム｜CSSデザイン｜スタイルシート（CSS）｜PHP & JavaScript Room
ボタンレイアウト〔Rediscovering the Button Element〕 送信フォーム 送信フォーム〔Prettier Accessible Forms〕 送信フォーム（フォーム要素を画像できれいに）〔Niceforms v.0.9〕 送信フォーム（フォーム要素を画像できれいに）〔Fun with forms - customized input elements〕 送信フォーム（フォーム要素を画像できれいに）〔Pretty Forms〕 送信フォーム（入力要素の追加･削除）〔The Form Assembly - Form Layouts〕 送信フォームの基本レイアウト ログインフォームをお洒落に〔テキストボックスに背景画像を指定〕 ログインフォーム〔Beautiful CSS Form参照〕 ボタンレイアウト Rediscovering the Button Element
Facebookページに無料でお問い合わせフォームを設置する方法 [図解] | Last Day. jp
フェイスブックが日本でも浸透してきてfacebookページの重要度が高まっています。日本の企業でも無印やANAはフェイスブックページを使ったキャンペーンで多くのファンを獲得しています。 まだfacebookページを作ってない方は→facebookページの作り方 – (ファンページ) [図解] 今日はフェイスブックページにお問い合わせフォームを設置する方法を紹介します。 Facebookページにお問い合わせフォームを設置する方法Facebookアプリ「Contact Tab」を利用します。すべて無料です。 Contact TabにアクセスしてLikeをした後に「アプリに移動」をクリック。 「Add to your Fan page」をクリック。 Contact Tabを自分のページに追加します。複数フェイスブックページを管理してる場合はプルダウンから選択できます。 ページに戻ると「お問い合わ
![Facebookページに無料でお問い合わせフォームを設置する方法 [図解] | Last Day. jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/40f2906bd8eb22f725c18cf4d70445a41222a1fe/height=288;version=1;width=512/https%3A%2F%2Fwww.lastday.jp%2Fwp-content%2Fuploads%2F2012%2F11%2Fimages3.jpeg)
フォーム コントロール:Excel基本講座
フォームについて Topへ チェックボックスやオプションボタンなどをシートに貼付けて利用する方法の一例です。 コントロール ツールボックスにも同じようなボタンがありますが、ここで使用するのはフォームのボタンです。 Excel2010以降での使い方は フォームコントロールの使い方 からご覧ください。 【完成例】 C:G列にチェックボタンなどの入力値を選択して、[入力]ボタンでSheet2へ入力します。 A:B列は作業列として使用しています。これらはマクロでの処理を極力簡易にするためにシートでほとんどの処理をしています。 オプションボタン Topへ 複数の選択肢から 1 つだけを選択するときに使用します。 グループボックスを利用してグループ別に制御することが出来ます。 【操作方法】 [表示]→[ツールバー]→[フォーム]を選択して、[フォーム]ツールバーを表示します。 ツールバーのオプ
郵便番号検索API
お知らせ 都合上zip.cgis.bizのIPアドレスを変更しました。 変更したのは2016年7月12日AM10:00頃～PM17:00頃です。 これに伴い工事期間、あるいは名前解決の浸透期間、通信でませんでした。 概要 当サイトではGET送信されてきた郵便番号についてデータベースを検索し、住所情報を含む XML / CSV ファイルを出力します。 携帯電話サイトなど、簡便な入力フォームのための入力補助にご利用いただけると思います。もちろん、単なる郵便番号検索フォームにも利用できます。 データベースは「郵便ホームページのCSVファイル」をMySQLに格納して利用しています。 毎月10日のAM3:00頃に上記ファイルを元にデータベースを更新しています。 データベース更新時、数秒程度サービスが利用できない場合があります。 無料ですが、リンクウェアです。詳細はご利用規約をご覧ください。 システム
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
VBA応用(CSV形式ファイルからデータベースに一括登録)
一括処理でデータベースを使用するならほとんどこのような方法です。 データベースに「初期データ」を一括登録する方法です。Accessがあれば「インポート」という手続きで行なう作業です。 「初期データ」がどこにどのような形式で保存されているかによりますが、Excelワークシート以外の他システムから取り出す場合のインターフェースとなるのは、ほとんどが「CSV形式テキストファイル」だろうと思います。 そこで、その「CSV形式テキストファイル」からMDBデータベース(*.mdb)へ一括登録を行なうサンプルを紹介します。 多少は汎用的に使えるようにしてみました。 この大きなボタンをクリックすると、処理内容を指定するフォームが表示されます。 ※この画像をクリックすると、自動解凍圧縮ファイルがダウンロードできますが、その中にはここで使用しているインポートツールとサンプルデータ、サンプルMDBが含まれて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リキッド・レイアウトでチェックボックスを綺麗に並べる - WebOS Goodies
お問合せフォームPHP / ウェブデザインライブラリー
ユーザーフォームの使い方
jQueryサンプル集 | DesignWalker
