English Deutsch Español Português brasileiro Français Italiano Nederlands Svenska 日本語

Formoidもっとも簡単なフォーム生成ソフト

Formoidは美しいウェブ・フォームの作成を簡単に、そして楽しくします。コーディング不要のドラッグ・アンド・ドロップGUI、流行のFlat, Metro, Solid, Bootstrapフォーム・テーマ、Pure CSS系、応答、retinaレディーのフォーム要素、入力しながらバリデーション、anti-spam captcha―Formoidは素晴らしいフォーム・ツールです!

Bootstrap フォーム

美しいスキン

お洒落な配色の近代的なフォーム・テーマ

CSS フォーム

CSSフォームをスタイルする

Pure CSSラジオボタン、チェックボックス、セレクトボックス、ファイル・アップロード、date picker、ツールチップ、そしてgoogle captcha!

HTML5 フォーム

Retinaレディー

高解像度画面とデバイス上で全てのフォーム要素が明るく見えます。

jQuery フォーム

応答

デスクトップ、携帯電話、そしてタブレット上で機能するように完全に最適化されています。

JQueryフォーム生成ソフト

登録フォーム

Metro テーマ・デモ

CSS3フォーム・デザイン・ソフト

コメント・フォーム

Bootstrap テーマ・デモ

HTML5フォーム構築ソフト

バグ報告

Flat テーマ・デモ

応答HTMLフォーム

フォーム要素

Solid テーマ応答デモ

概要

ウェブ・フォームは、全てのウェブサイトの対話の方法であり、清潔で、使いやすい、魅力的なフォームは、エラーや提出の失敗を最小限に留めるのに絶対必要です。 Formoidは、あなたが最高のフォームを作成するのを助ける為に最新のデザインの発想と最も発達したウェブ技術を組み合わせる素晴らしいツールです。

  • GUI Wizard
    最も直感的で簡単に使えるフォーム構築ソフト―手動のコーディングはもう必要ありません。単純に素早くて簡単なドラッグ・アンド・ドロップ・フォーム構築。Formoidを使えば簡単にシンプルで複雑なフォームを作成できます!
    MacとWindows用―お好みのプラットフォーム上でFormoidをお使いください―FormoidはMac OSX 10.6+, Windows XP, Vista, 7 或いは 8に対応します。
    完全にカスタム化可能―レイアウト、色、そしてスタイルを素早く簡単にカスタム化。
    配色―決められたカラー・プリセットを使って要素の色を簡単に変更。チェックボックスとラジオボタンも色を変えています。
    ライブ・プレビュー―プレビュー・ウィンドウで、フォームに加えた変更を、ブラウザにおいて表示される通りに、瞬時にプレビューできます。
    標準フィールド―テキスト・フィールド、paragraph field、ドロップダウンメニュー選択・複数選択、チェックボックスとラジオボタン?Formoidは全てのスタンダード・フォーム・フィールドに対応します。
    高度フィールド―高度なものが必要ですか?名前、住所、メールアドレス、ウェブサイトURL、ファイル・アップロード、パスワード、カレンダー、数字、captchaフィールドが作業を楽にします。
    必須フィールド―フィールドを「必須」とマークして、必要であれば警告文を表示。
    Anti-spam captcha―ワンクリックで最も信頼されているパワフルなGoogle reCapthaを追加。Automate botからのスパムを止めましょう!
  • HTMLフォーム
    美しいスキン―お洒落な配色の近代的なFlat, Metro, Solid, Bootstrapフォーム・テーマ
    リキッド・レイアウト、応答フォーム―全てのデスクトップ・携帯デバイス上であなたのフォームは常に素晴らしく見えます。
    最も幅広いブラウザ・デバイス互換性―フォームがJavascriptなしでも全ての古い(IE6を含む)あるいは最新のブラウザ上で完璧に見えて完璧に動作することを保証するために、フォームは、複数のブラウザ、OS、そしてデバイス上で注意深くテストされました。
    Retinaレディー―全てのフォーム要素は画像無しでCSSを使って作成されるので、全てのRetinaディスプレイと高解像度画面上でシャープに、そしてピクセルレベルで詳細に見えます。
    Google Fonts ―ArialやTimesRomanの様な古くて退屈なフォントを使うのに飽きましたか?あなたのフォームにおいて新鮮で無料のGoogle fontを試してみましょう。
    CSSフォームをスタイルする―Pure CSSフォーム・レイアウト―ラジオボタン、チェックボックス、セレクトボックス、ファイル・アップロード、date picker、ツールチップ、そしてgoogle captcha!画像は使われていません!
    ライブ・バリデーション―フォームは、フィールドをユーザー・タイプとしてバリデートして、エラーが起こった場合はツールチップを表示。HTML5フォーム・バリデーションにも対応します。
  • PHPフォーム・バックエンド
    PHPを使ってフォームを扱う―Formoidはクライアント側のHTMLフォームだけではありません。Formoidは、フォームの提出を処理するためのパワフルなPHP handlerをも生成します。
    コーディング不要―サーバー側のPHPコードは完全に自動的に生成されます。あなたのサーバーでPHPが有効となっている場合、HTMLファイルと共にこのPHPファイルをアップロードするだけで良いのです。PHPプログラミングの知識は不要です!
    メール・コンタクト・フォーム―サーバーに一度アップロードされると、PHPスクリプトはFormoidアプリにおいてあなたが設定したメールアドレスに応答を送信。
    CSVにエクスポート―csvファイルに全てのフォーム提出のログが付けられます。
  • ホストされたオンライン・フォーム
    ワンクリック投稿、プレビュー、そしてテスト―「プレビューとテスト」ボタンは、ライブ・テスト・ドライブの為に我々のサーバーにあなたの現在のフォームを瞬時にアップロード。
    簡単に共有&埋め込み―「共有」ボタンをクリックして、メールで送信したりウェブサイトに埋め込んだりできる短いHTMLコード・スニペットを入手、もしくは素敵なLightboxポップアップ・フォームを作成。
    瞬時に通知―あなたのオンライン・フォーム・アクティビティに関してメールでリアルタイムに更新。
    添付されたファイルを収集―あなたのフォームにファイル・アップロードがある場合、ユーザーによりアップロードされたファイルにいつでもアクセスできます。
    完全な管理―全てのホストされたフォームを管理、統計を見る、提出されたフォームを閲覧・エクスポート。
    信頼性の高いフォーム―あなたの顧客データが保護されていることを保証するために、全てのフォームの提出は、強い256ビットSSL暗号化(httpsプロトコル)を通して送信されます。

クイック・ヘルプ

クイック・ヘルプ

1. 編集エリア:このエリアは、あなたがフォームを編集・構築する作業空間として機能します。要素パネルから要素をドラッグする、そしてそれぞれのタブにおいてフォームあるいは要素のプロパティを変更することであなたのフォームの外観を管理します。

2. 主なツールバー:このツールバーは、あなたのアカウントを管理するのに必要な物すべてによって成り立っています。フォームをローカルで、またウェブ上で投稿できます。ツールバーは柿の様なボタンを含みます:

  • 新しい:新しいフォームを作成。
  • 開く:既存のフォームを開く。
  • 保存:現在のフォームを保存。
  • HTMLを保存:現在のフォームをHTMLとして保存。
  • プレビューとテスト:インターネット上でフォームをテストすることでプレビュー。
  • 私のフォーム:新しいウィンドウが開き、そこで、我々のサーバー(formoid.net)上でホストされたフォーム全てをプレビュー、変更、そして管理できます。
  • 共有:新しいウィンドウが開き、それは、あなたのフォーム・コードを埋め込む方法・選択肢を与えます。
  • メールアドレス:あなたの現在のアカウントのメールアドレス。クリックしてアカウントを替える。
  • 私のアカウント:あなたのアカウントの情報を閲覧。
注意:緑のボタンはローカルで機能。青のボタンはインターネット接続を必要とします。

3. 要素パネル:このパネルは、あなたのフォームに含めることができる下記のような要素全てで成り立っています:

  • テキスト:テキスト・フィールドを作成。
  • テキスト・エリア:より大きなテキスト・フィールドを作成。
  • 選択:選択出来るオプションのドロップダウン・リストを作成。
  • 複数選択:選択できるオプションのドロップダウン・リストを作成。この要素を使ってユーザーは複数のオプションを選択できます。
  • チェックボックス:チェックボックスのオプションのリストを作成。
  • ラジオボタン:ラジオボタンのオプションのリストを作成。
  • 日付:日付の為の入力フィールドを作成。
  • 数字:数字の為の入力フィールドを作成。
  • ファイルを送信:ユーザーたちが彼らのハード・ドライブからファイルを選択出来るファイル選択フィールドを作成。
  • メールアドレス:メールアドレスの為の入力フィールドを作成。
  • ウェブサイト:URLの為の入力フィールドを作成。
  • 名前:氏名と姓名の為の入力フィールドを作成。
  • 住所:個人や組織が在住する住所、街、州/地域、郵便番号、そして国を含める住所の為の入力フィールドを作成。
  • パスワード:パスワードの為の入力フィールドを作成。
  • 電話番号:電話番号の為の入力フィールドを作成。
  • Captcha: ユーザーがフォームを提出する前に「解決」する為のcaptchaを作成。この要素はスパマーから保護するのに役立ちます。

4. フォーム・プロパティ・タブ:このタブにおいて、下記を含む、フォームのグローバル設定を調節できます:

  • 題名:あなたのHTMLフォームの題名を入力。
  • フォント・サイズ:あなたのCSS3フォームのフォントのサイズを選択。
  • フォント・フェイス:お好みのフォントを選択。例:Arial, Helvetica, sans-serif. Google web fontsもご利用いただけます。
  • フォント色:あなたのHTML5フォームにおけるテキストのフォント色を選択。
  • 幅:あなたのフォームの幅を変える為にピクセル(px)かパーセント(%)で数字を入力。
  • フォント色:あなたのHTMLフォームの背景色を選択。
  • ページ色:あなたのページの色を選択。
  • ぼやけ:あなたのHTML5フォームにぼやけた背景を追加。
  • 提出:「提出」ボタンのテキストを変更。
  • 通知メール:フォームの提出の結果を受け取るメールアドレスを指定。
  • 確認: フォームの提出が成功した後にユーザーが見る確認を選択。
    -メッセージ:ユーザーはボックスにあなたが入力するメッセージを見ます。
    -移動:ユーザーは指定されたURLへ移動します。

5. 要素プロパティ・タブ:このタブにおいて、現在選択されている要素の設定を調節できます。下記のようなアイテム・プロパティの管理ができます:

  • ラベル
  • ホバー・テキスト
  • 必要な要素
  • フィールド・サイズ
  • 要素によって他にも沢山有ります。

6. テーマ・パネル:あなたのウェブ・フォームのテーマを選択。選択できるテーマは三つあります:

7. 配色:あなたのフォームの配色を選択。選択出来る色はいくつかあります。

8. 「私のフォーム」ウィンドウ:「私のフォーム」をクリックすると新しいウィンドウがひらき、そこで、我々のサーバー(formoid.net)上でホストされたフォーム全てをプレビュー、変更、そして管理できます。

9. 共有ウィンドウ:「共有」をクリックすると新しいウィンドウが開き、それは、あなたのフォーム・コードを埋め込む方法・選択肢を与えます。二種類の埋め込まれるフォーム・コードを選択してください:

  • JavaScript (推奨)
  • IFrame
或いは、二種類のポップアップ・フォーム・リンクを選択してください:
  • Lightbox (推奨)
  • 新しいウィンドウ

10. アカウント情報ウィンドウ:「私のアカウント」をクリックすると、新しいウィンドウへ移動し、そこで下記の情報を含むあなたのアカウントに関する情報をご覧いただけます:

  • ライセンス
  • 登録に使われたメールアドレス
  • 提出数
  • 期限