materialize form code web design


Code:- 
<!DOCTYPE html> 
<html> 
 
<head> 
 <link rel="stylesheet" href="materialize/css/materialize.min.css" /> 
 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
</head> 
 
<body> 
 
 <div class="row"> 
  <div class="input-field col s12"> 
   <input placeholder="Enter Name" id="first_name" type="text" class="validate"> 
   
  </div> 
  <div class="input-field col s12"> 
   <input placeholder="Enter Age" id="age" type="text" class="validate"> 
   
  </div> 
 
  <div class="input-field col s12"> 
   <input placeholder="Enter Register Number" id="reg_number" type="text" class="validate"> 
   
  </div> 
  <div class="input-field col s12"> 
   <input placeholder="Enter Email" id="email" type="text" class="validate"> 
    
  </div> 
 </div> 
 
 <script type="text/javascript" src="js/jquery-2.2.0.min.js"></script> 
 <script type="text/javascript" src="materialize/js/materialize.min.js"></script> 
</body> 
 
</html>

Comments