Input
EagleUI has a simple Inputs fields and form fields with validation. Examples are listed below. Inputs are necessary for user interaction with the website. Inputs are used to take information from the user, and then save the data to the server, accordingly.
Simple Input
<div class="input">
<label>Name</label>
<input class="input-txt" type="text" />
</div>
<div class="input">
<label>Email</label>
<input class="input-txt" type="email" />
</div>
Input with validation style
Here for validation you need to add class input--err
Wrong Password. Try again.
<div class="input input--err">
<label>Password</label>
<input class="input-txt" type="password" />
<p class="input--err">Wrong Password. Try again.</p>
</div>
Radio
Radio buttons allow the user to select one option from a set.
<div class="radio">
<input type="radio" name="language" id="html" value="HTML" />
<label for="html">HTML</label><br />
<input type="radio" name="language" id="css" value="CSS" />
<label for="css">CSS</label><br />
<input type="radio" name="language" id="javascript" value="JavaScript" disabled />
<label for="javascript">JavaScript</label></div>
Textarea
The <textarea> HTML element represents a multi-line plain-text input box. It useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.
<div class="input">
<textarea class="textarea" cols="30" rows="10"></textarea>
</div>
Range
Range let the user specify a numeric value which must be no less than a given value, and no more than another given value
<div class="input">
<input type="range" id="input-id-range" min="0" max="100" defaultValue="70"/>