آموزش طراحی متریال با Materialize (جلسه 17) - فرم - بخش سوم

<div class="switch">

<label>Off

<input type="checkbox" checked><span class="lever"></span>On</label>

</div>

<div class="switch">

<label>Off

<input disabled type="checkbox"><span class="lever"></span>On</label>

</div>

<div class="row">

<div class="file-field input-field">

<div class="btn">

<span>Browse</span>

<input type="file">

</div>

<div class="file-path-wrapper">

<input class="file-path validate" type="text" placeholder="Upload file">

</div>

</div>

</div>

<div class="row">

<label>Materialize Multi File Input</label>

<div class="file-field input-field">

<div class="btn">

<span>Browse</span>

<input type="file" multiple>

</div>

<div class="file-path-wrapper">

<input class="file-path validate" type="text" placeholder="Upload multiple files">

</div>

</div>

</div>

<div class="row">

<label>Materialize Range</label>

<p class="range-field">

<input type="range" id="test" min="0" max="100" />

</p>

</div>

<div class="row">

<input type="date" class="datepicker">

</div>

<form class="col s12">

<div class="row">

<div class="input-field col s6">

<input id="name" type="text" length="10">

<label for="name">Enter Name</label>

</div>

</div>

<div class="row">

<div class="input-field col s6">

<textarea id="Idea" class="materialize-textarea" length="120"></textarea>

<label for="Idea">Comments</label>

</div>

</div>

</form>