Coffee Luv Bug Design System

Input Type -Text

Here is the example of input type text used in our applications form,

It defines a single-line text input field:

Here is the html code of our app's form input type text,

        
        
        <form>
        <label for="fname">Text1:</label>
        <input type="text" id="fname" name="firstname">
        <label for="fname">Text1:</label>
        <input type="text" id="fname" name="firstname">
        </form>

Here is the css code of our app's form input type text,

        
        input[type=text]
        {
        width: 100%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        }