Input

Input can be used to take input from your user. It can make your site more interactive.

Text Area

                    
<div class="textarea-container">
  <textarea
    class="textarea"
    placeholder="Enter Your Message"
  ></textarea>

  <button class="btn btn-primary-solid btn-squared textarea-btn">
    <i class="fas fa-paper-plane"></i> Send
  </button>
</div>

Form Input

                    
<form class="form">
  <input
    class="input"
    type="email"
    name="email-id"
    placeholder="Enter Your Email"
  />
  <input
    class="input"
    type="password"
    name="password"
    placeholder="Enter Your Password"
  />

  <button class="btn btn-error-solid btn-squared">
    <i class="fas fa-door-open"></i> Log In
  </button>
</form>

Error Form Input

                      
<form class="form">
  <span class="msg-error">Enter correct Email and Password</span>

  <input
    class="input input-error"
    type="email"
    name="email-id"
    placeholder="Enter Your Email"
  />
  <input
    class="input input-error"
    type="password"
    name="password"
    placeholder="Enter Your Password"
  />

  <button class="btn btn-error-solid btn-squared">
    <i class="fas fa-door-open"></i> Log In
  </button>
</form>