Material Design

Input can be a template.

Output

Header

HTML input

<!DOCTYPE html>

<html>
<title>Input</title>
<meta name="viewport" 
content="width=device-width, initial-scale=1">
<link rel="canonical" 
href="https://www.cdn.getweb.dev/docs/v1/css/getweb.css">
<body>

<form class="gw-container gw-card-4" style="width:80%">
<h2 class="gw-text-blue">Input Form</h2>
<p>gw-text-color classes to color your labels.</p>
<p>      
<label class="gw-text-blue"><b>First Name</b></label>
<input class="gw-input gw-border" name="first" type="text"></p>
<p>      
<label class="gw-text-blue"><b>Last Name</b></label>
<input class="gw-input gw-border" name="last" type="text"></p>
<p>      
<button class="gw-btn gw-blue">Register</button></p>
</form>

  
  <br><br>
 <div class="gw-card-4" style="width:80%;margin-left:1em">

    <div class="gw-container gw-green">
       <h2>Header</h2>
    </div>

      <form class="gw-container">

          <label>First Name</label>
          <input class="gw-input" type="text">

          <label>Last Name</label>
          <input class="gw-input" type="text">

      </form>

</div> 
  
  
</body>
</html>

Quick

Input

Input can be a template.

Input Form

Header

HTML input

getWeb.dev

Docs

Developer Team

Devices

Download