Input

Inputs are used in a form, in a website to ask some piece of information from a user and then save it in the server for later use.

Text Input

Text Input with a label present at the top to tell what information is needed from the user.

Username *

                        
<div class="input-group">
    <label>Username *</label>
    <input type="text">
</div>

Text Validation Input

Validation Input with input-error and input-success class to add colors and text msg for validation.

Password *

Wrong Password. Try Again

Password *

Right Password.

                        
<div class="input-group input-error">
    <label>Password *</label>
    <input type="text" required>
    <div class="msg msg-error">Wrong Password. Try Again</div>
</div>
<div class="input-group input-success">
    <label>Password *</label>
    <input type="text" required>
    <div class="msg msg-success">Right Password.</div>
</div>