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.

  • Search
  • Code
  • Tags

     New  Input  Form  HTML5  CSS  Toolbox  Layout  Grid  Helper  Basic  Dynamic  Advance  Javascript

  • Fliter

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>