mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-15 14:17:54 +03:00
93 lines
3.3 KiB
Markdown
93 lines
3.3 KiB
Markdown
---
|
|
layout: docs
|
|
title: Test
|
|
group: material-design
|
|
---
|
|
|
|
## Example
|
|
|
|
{% example html id=drawer-1 %}
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail1" class="mdb-label-floating">Email address</label>
|
|
<input type="email" class="form-control" id="exampleInputEmail1">
|
|
<span class="mdb-help">We'll never share your email with anyone else.</span>
|
|
</div>
|
|
|
|
|
|
<h2>normal</h2>
|
|
<div class="form-group has-success">
|
|
<label class="form-control-label" for="inputSuccess1">Input with success</label>
|
|
<input type="text" class="form-control form-control-success" id="inputSuccess1">
|
|
</div>
|
|
<div class="form-group has-warning">
|
|
<label class="form-control-label" for="inputWarning1">Input with warning</label>
|
|
<input type="text" class="form-control form-control-warning" id="inputWarning1">
|
|
</div>
|
|
<div class="form-group has-danger">
|
|
<label class="form-control-label" for="inputDanger1">Input with danger</label>
|
|
<input type="text" class="form-control form-control-danger" id="inputDanger1">
|
|
</div>
|
|
|
|
|
|
<h2>sm</h2>
|
|
<div class="mdb-form-group-sm form-group has-success">
|
|
<label class="form-control-label" for="inputSuccess1">Input with success</label>
|
|
<input type="text" class="form-control form-control-success" id="inputSuccess1">
|
|
</div>
|
|
<div class="mdb-form-group-sm form-group has-warning">
|
|
<label class="form-control-label" for="inputWarning1">Input with warning</label>
|
|
<input type="text" class="form-control form-control-warning" id="inputWarning1">
|
|
</div>
|
|
<div class="mdb-form-group-sm form-group has-danger">
|
|
<label class="form-control-label" for="inputDanger1">Input with danger</label>
|
|
<input type="text" class="form-control form-control-danger" id="inputDanger1">
|
|
</div>
|
|
|
|
<h2>lg</h2>
|
|
<div class="mdb-form-group-lg form-group has-success">
|
|
<label class="form-control-label" for="inputSuccess1">Input with success</label>
|
|
<input type="text" class="form-control form-control-success" id="inputSuccess1">
|
|
</div>
|
|
<div class="mdb-form-group-lg form-group has-warning">
|
|
<label class="form-control-label" for="inputWarning1">Input with warning</label>
|
|
<input type="text" class="form-control form-control-warning" id="inputWarning1">
|
|
</div>
|
|
<div class="mdb-form-group-lg form-group has-danger">
|
|
<label class="form-control-label" for="inputDanger1">Input with danger</label>
|
|
<input type="text" class="form-control form-control-danger" id="inputDanger1">
|
|
</div>
|
|
|
|
<fieldset class="form-group">
|
|
<label for="exampleSelect1">Example select</label>
|
|
<select class="form-control" id="exampleSelect1">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</fieldset>
|
|
<fieldset class="form-group">
|
|
<label for="exampleSelect2">Example multiple select</label>
|
|
<select multiple class="form-control" id="exampleSelect2">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</fieldset>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
<label for="exampleInputEmail4" class="mdb-label-floating">Email address disabled</label>
|
|
<input type="email" class="form-control" id="exampleInputEmail4" disabled>
|
|
</div>
|
|
<fieldset class="form-group" disabled>
|
|
<label for="exampleInputEmail5" class="mdb-label-floating">Email address fieldset disabled</label>
|
|
<input type="email" class="form-control" id="exampleInputEmail5">
|
|
</fieldset>
|
|
|
|
{% endexample %}
|