input-areas.md

layout	title	section	h2
bffos	Input areas	building-blocks	<strong>Building Blocks:</strong> markup & examples

Input areas

An input area is a data entry field. There are many variations on what an input area can look like - they can be as simple as a text entry field, and as complex as a multi-part entry field with text entry, value selectors, and buttons.

Default

Example

{% include building-blocks/input_areas_1.html %}

Css link

{% highlight html linenos=table %}{% endhighlight %}

HTML code

{% highlight html linenos=table %}{% include building-blocks/input_areas_1.html %}{% endhighlight %}

---

Fieldset

Example

{% include building-blocks/input_areas_2.html %}

Css link

{% highlight html linenos=table %}{% endhighlight %}

HTML code

{% highlight html linenos=table %}{% include building-blocks/input_areas_2.html %}{% endhighlight %}

---

Forms

Example

{% include building-blocks/input_areas_3.html %}

Css link

{% highlight html linenos=table %}{% endhighlight %}

HTML code

{% highlight html linenos=table %}{% include building-blocks/input_areas_3.html %}{% endhighlight %}