Input

Inputs

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.

Input Textbox

Input textbox can be used to take information from user such as Email Id, phone number, address & other descriptions

                
                    <div class="input-container">
                    <p class="input-title">Username*</p>
                    <input class="input-field" type="text">
                    </div>

Username*

Input Textbox with Validation

Input validations can be used to show user about an error in the input entered.

                
                    <div class="input-container">
                    <p class="input-title error">Username*</p>
                    <input class="input-field" type="text">
                    <p class="input-title error">Wrong username try again*</p>
                    </div>

Username*

Wrong username try again

Input Passwords

Input passwords can be used for users to enter their passwords in such a manner that whenever user enters the password, it is not visible on the screen in form of letters.

            
                <div class="input-container">
                <p class="input-title">Password*</p>
                <input type="password" class="input-field" type="text" />
                </div>

Password*

Input Type Radio

Radio buttons let a user select ONLY ONE of a limited number of choices:

            
                <div class="input-container">
                <p>Select your gender</p>
                <div class="gender flex_row">
                <input type="radio" name="gender" value="male" /> Male
                <input type="radio" name="gender" value="Female" /> Female
                <input type="radio" name="gender" value="Others" /> Other
                </div>
                </div>

Select your gender

Male Female Other