m-formは無料で使えるフォームメール 無料で使えるメールフォームプログラムのm-formを配布しました。時間の折り合いがつかず配布予定日が一週間遅れてしまいましたが、何とかアップする事が出来ました。 使用言語はPHPを使用しておりハッスルサーバー・エックスサーバー・xrea・ステップサーバー・スピーバーといったサーバー環境での動作検証は完了済みです 配布場所は で、ダウンロードする事が出来ます。 上記のサイトはこれまた無料のSEO対策テンプレート素材を使用し、1時間程度で簡単に作ったものです。 こうゆう配布サイトを作るのには実にてっとり早く、楽にサイト構築出来るのでお勧めです。 さて、今回配布するメールフォームについてですが、今さらメールフォームを配布というのもちょっと恥ずかしい気もします。 何故なら、メールフォームと検索エンジンで打とうものならそれこそ頭が痛くなる位に沢山のメールフォ

フォームの入力欄を選択すると消えるテキストを表示したり、classを変更できるスクリプトAjax CSS Blogから紹介します。 jQuery Inline Form Labels demo デモでは、上から順に下記のようになっています。 選択した時に、消えるテキストを表示 選択した時に、消える画像を表示 選択して入力しないで、フォーカスをはずした時に、テキストを表示 選択した時に、classを変更 画像とテキストのコンビネーション テキストエリアのパターン FieldtagはjQueryのプラグインのため、実装にはjquery.jsが必要です。

16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D

テキストエリアやラジオボタン・チェックボックス、セレクトボックスなどのフォームに特化したスタイルシートのフレームワーク「Formy」を紹介します。 Formy - CSS Form Framework ファイル構成は、下記のようになっています。 reset.css fieldset, form, label, legendのリセット。 form.css Formyのコアファイル。 ie.css IE用に調整。 スタイルシートもシンプルに設計されており、カスタマイズする際にも簡単に行えると思います。 reset.css <textarea name="code" class="css" cols="60" rows="5"> fieldset, form, label, legend{ margin:0; padding:0; border:0; font-weight:inherit; f

CSS Portalのエントリーから、ナビゲーションやフォーム、画像、リンクなどを実装するスタイルシートのサンプルを紹介します。

Matthew Millerのエントリーから、ソフトウェアのシリアルナンバー入力時のように、入力に合わせて、自動で次の入力欄に移動するスクリプトを紹介します。 Autotab: jQuery auto-tabbing and filter plugin Autotabは文字数に合わせて入力欄を移動するだけではなく、入力する文字の種類の制限（数字のみ、英語のみなど）や小文字を大文字に変換するなどを指定することもできます。 AutotabはjQueryのプラグインのため、動作にはjquery.jsが必要です。

Ajax + CSSでさくっとフォームを実装したい。 そんなあなたにおすすめなのが、『47+ Excellent Ajax CSS Forms』。素晴らしいAjax + CSSフォーム47選だ。 以下にいくつかご紹介。 » Uni Form セマンティックでカスタマイズも可能なフォーム » AJAX Contact Form アクセシブルなAjaxフォームの好例。↑のキャプチャはこのサイト » FancyUpload using Mootools Mootoolsを使った美しいファイルアップロード » Really Easy Field validation with Prototype とても簡単に使えるフォームバリデートスクリプト » Live Validation リアルタイムでバリデートしてくれるオープンソースのjavascript 素晴らしいAjax + CSSフォーム、チェック

Smashing Magazineのエントリーから、シンプルでクリーンなものからアイデアに溢れたクリエイティブなものまでフォームのデザイン集をいくつか紹介します。 Web Form Design: Modern Solutions and Creative Ideas

ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。

Styling form controls with CSS, revisited フォームの各エレメントのブラウザごとの表示。 追記： 2008年2月28日 「text field designs」を追加。

Ajaxian Attack of the Ajax form builders Ajax form builders are all the rage lately, so here’s a quick roundup of three of the players in this space. Ajaxなフォームビルダー集。 WEB上で簡単にフォームを作成できるフォームビルダーがいくつか紹介されています。 フォーム作成は結構面倒だったりしますがこういったものを使えば専用ソフト起動なしにクイックにフォーム作成が可能で開発効率が向上するでしょう。 -FormBuilder -JotForm -Wufoo

Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ

<form action="contactsent.php" method="post"> Name: <input type="text" name="name"> <br> E-mail: <input type="text" name="email"> <br> Message: <br> <textarea name="message" cols="50" rows="5"></textarea> <br> <input type="submit" value="Submit"> </form>