Input
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. GlowCSS offers a input-container | form-container | input-textarea classes to create responsive input fields.
TextArea
Text Area is used to take multiline inputs from user, most common use is for taking reviews and comments. .
Textarea
<div class = "input-container">
<h2>TextArea </h2>
<textarea class = "input-textarea"
placeholder = "Enter a Comment">
</textarea>
<button class = "btn btn-primary input-btn-left">
Button </button>
</div>
Forms
<div class = "input-container">
<form action = "" class = "form-container">
<h2>Login Form </h2>
<label for = "username">Name </label>
<input type = "text" name = "username" placeholder = "enter your name">
<label for = "email">Email </label>
<input type = "email" name = "email" placeholder = "enter your email">
<label for = "password">Password </label>
<input type = "password" name = "password" placeholder = "enter your password">
<button class = "btn btn-primary input-btn-left">
Button </button>
</div>
TextArea
Text Area is used to take multiline inputs from user, most common use is for taking reviews and comments.
<div class = "input-container">
<form action = "" class = "form-container">
<h2>Login Form </h2>
<label for = "username">Name </label>
<input class = "error" type = "text" name = "username" placeholder = "enter your name">
<p class = "error-msg"> * please enter the correct value </p>
</div>