グーグルフォームをカスタマイズする。

グーグルフォームはすごく便利なのですが、レイアウトが固定されてしまうのが不便だったので、スプレッドシートをデータベースにして使用したりしていました。

しかし、グーグルフォームのHTMLを直接変更することでレイアウトを自由にカスタマイズできるみたいです。

質問項目が増えると大変そうですが、スプレッドシートをデータベース化するよりかは汎用性がありそうです。


  • グーグルドライブでフォームを作成
  • ライブフォームを表示
  • ライブフォームを右クリックでページソースを表示
  • formタグがあるあたりから利用規約のあたりまでのソースをコピー
  • 適当に編集

グーグルフォームを送信後にグーグルのページに飛ぶのを回避するため、iframeを埋め込みました。
→手順
また、フォーム送信後に別ページに飛ばすためonsubmitに転送するスクリプトを追加しました。


レイアウト変更





結婚診断


*性別は?
*年収は? 万円
相手に求めるものは?


送信した結果を確認してください。



グーグルフォームを利用して作ったアンケート達です。
是非確認してください。
http://clttrust.com/?cat=27


逆の発送でワードプレスで受け付けたデータをグーグルカレンダーに登録させる方法です。
http://clttrust.com/?p=6184


※参考
そのまま貼り付けた場合。











IT・通信業 ブログランキングへ