Tec{h}tonic | Input

Input

Tec{h}tonic gives you mainly 2 types of input fields for different uses.

Simple Input Field

Username

Password

Password required

You can add this template to have input fields like this.


                        
    
      
        
  
    
    

        


  


  
        
          
          <div class="box">
        
        
          
             <label>Username</label>
        
        
          
             <input type="text" class="email-id-input input">
        
        
          
          </div>
        
        
          
          <div class="box">
        
        
          
             <label class="password-label">Password</label>
        
        
          
             <input type="password" class="password-input input" required>
        
        
          
             <div class="invalid-message">Password required</div>
        
        
          
          </div>
        
  



    

  


      
      
        view raw
        
          gistfile1.txt
        
        hosted with ❤ by GitHub

Search Bar Input

You can add a this template to have a search bar in your website.


                        
    
      
        
  
    
    

        


  


  
        
          
          <div class="box">
        
        
          
              <input type="text" placeholder="Search" class="search-box input">
        
        
          
          </div>
        
  



    

  


      
      
        view raw
        
          gistfile1.txt
        
        hosted with ❤ by GitHub

	<div class="box">
	<label>Username</label>
	<input type="text" class="email-id-input input">
	</div>
	<div class="box">
	<label class="password-label">Password</label>
	<input type="password" class="password-input input" required>
	<div class="invalid-message">Password required</div>
	</div>

	<div class="box">
	<input type="text" placeholder="Search" class="search-box input">
	</div>