• このエントリーをはてなブックマークに追加
  • LINEで送る

フォームを作る

以下で説明するように、ビジュアル的にかなり良いフォームを作る事が出来ます。

また、HTML5になるとフォームにdatetimeなどを指定する事で自動でカレンダーが出るような効果が有りますが、それにも対応しているようです。

Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color. 公式サイト

ただ、HTML5のサポートが各ブラウザで実装され、ユーザーの多くがこれの恩恵を受ける、或いはそれでも旧ブラウザを使い続けるユーザーを切り捨てるに至るには、 まだまだ何年も掛かると思うので、今のとこは無視しておいて良いと思います。

テキスト入力系

先ず、そのまま使うとテキストフォームの幅は常に100%になるようです。*インラインは次のページにて

ですので、size="10" などと幅を変更しようと思っても効きません。

      

フォームの大きさ

input-{sm,lg}

-lgと-smが指定できるようです。