2018年02月1日(木)

お問い合わせ、支払い、サインアップなど、フォームを実装するためのHTMLとCSSのテンプレート -Boilerform

• 0
• 114
• 53
• 148

フォームを実装するのが苦手、という人は少なくないと思います。
お問い合わせフォーム、支払いフォーム、サインアップフォームなど、さまざまなプロジェクトで利用されるフォームを実装するのに役立つHTMLとCSSで制作されたテンプレート集を紹介します。

Boilerform
Boilerform -GitHub

Boilerformのデモ

デモではフォームに利用するさまざまな要素のパターン、それらを組み合わせて実装されたお問い合わせや支払いフォームを確認できます。

まずは、フォームのパターン ライブラリから。
「Input Field」では、サイズ、プレースホルダー、バリデーションのステータスのさまざまなバリエーションを持つ一般的な入力フィールドが揃っています。ユーザーがデータをできるだけ効率的に入力するのに役立つ属性が追加されています。

author:

コリス

http://coliss.com

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

Webデザイン・紙デザイン用のナチュラルなカラーの組み合わせを見つけることができるオンラインツール -Pigment

         

NEXT ›

               

『MOOGA（ムーガ）』社内の情報共有にも「動画ファースト」の時代！簡単便利な動画配信プラットフォームを社内に構築可能

関連記事

• Web制作者は要チェック！ Chrome 131で新しく追加された8つのCSSの機能
• Web制作者は要チェック！ Chrome 130で新しく追加された4つのCSSの機能
• 最近リリースされたCSSの新機能と新しい関数のまとめ
• CSSでラジオボタンとラベルの間にスペースを加えると、関連付けがうまくいかないときの対応方法
• Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です

Ads

2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『お問い合わせ、支払い、サインアップなど、フォームを実装するためのHTMLとCSSのテンプレート -Boilerform』についてまとめています。

この記事は特にSEO・Macについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。