第 8 回目は「CSSを使った見栄えの良いフォーム」です。 フォームまわりは、各ブラウザによってかなり差異があります。 よって CSS だけで見栄えをよくしようとすると、結構手間だったります。 例をあげると magin・paddingが異なる borderの線がでない 背景が画像があたらない などなど そんな時に便利なのが 「niceforms」 という javascriptライブラリです。 すいませんが、今回だけは javascript を使わせてください。 niceforms のサンプルはこちら 導入方法 まずは、niceforms をダウンロードします。 次に、必要な jsファイル および cssファイル をインクルード。 <script language="javascript" type="text/javascript" src="niceforms.js"></script>
Movable Typeに自由度の高いフォームを簡単に複数設置することができ、なおかつフォーム作成はドラッグ&ドロップによる直感的なレイアウトが可能なので、カスタマイズの専門的な知識は不要。また、控えメール送信機能や、受付データをCSVファイルでダウンロードする機能もあり、さらにはアクセス数やエラーログのアクセスレポート機能、そしてフォームの稼動状態を定期的にチェックして管理者にメール通知する死活監視機能までが付いているというかなり高機能なフォーム作成プラグインがこの「A-Form」です。 詳細は以下から。 A-Form:MovableTypeにフォーム設置できるMTプラグイン|Web制作のアークウェブ http://www.ark-web.jp/movabletype/ 以下からダウンロードできます。 A-Formダウンロードフォーム:MovableTypeにフォーム設置できるMTプラグ
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例) <scrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く