Text Input: Stacked Labels

Stacked labels always places the label on top of the input. Each item should have item-stacked-label assigned, and the input's label should have input-label assigned. This example also uses the placeholder attribute so users have a hint of what type of text the input is looking for.

<divclass="list"><labelclass="item item-input item-stacked-label"><spanclass="input-label">First Name</span><inputtype="text"placeholder="John"></label><labelclass="item item-input item-stacked-label"><spanclass="input-label">Last Name</span><inputtype="text"placeholder="Suhr"></label><labelclass="item item-input item-stacked-label"><spanclass="input-label">Email</span><inputtype="text"placeholder="[email protected] "></label></div>