Components Explained

Materialstrap is a HTML and CSS framework written from scratch built on the principles of Bootstrap but with the modern and sleek Material Design style. Get a modern, beautiful website up in seconds! Compatible with both desktop and touch devices, we think you will love Materialstrap.

Components > Forms

Forms: Input New


<input type="text" placeholder="Text input">

Forms: Text Area New


<textarea rows="3"></textarea>

Forms: Button New


<button type="submit" class="button">Sign in</button>

Forms: Range New


<input class="bar" type="range" value="10"/>

Forms: Checkbox New


<label><input type="checkbox" value="">Option one</label>
<label><input type="checkbox" value="" disabled>Option two</label>

Forms: Radio Button New


<label><input type="radio" name="Radio" id="Radio1" value="option1" checked>Option one</label>
<label><input type="radio" name="Radio" id="Radio1" value="option1">Option two</label>
<label><input type="radio" name="Radio" id="Radio1" value="option1" disabled>Option three</label>