Welcome to Affixshape Framework

CSS Framework

Forms

We have prepared a standard package and design forms.

<form>
    <div class="row"> 
    <label>Name</label>
    <input size="30" class="form-manage" placeholder="Type your name.." type="text" value="">
    </div>
    <div class="row">
    <label>Password</label>
    <input size="30" class="form-manage" placeholder="Type your password.." type="password" value="">
    </div>
    <div class="row">
    <label>Date</label>
    <input size="30" class="form-manage" placeholder="Pick-Up date.." type="date" value="">
    </div>
    <div class="row">
    <label>Date and Time</label>
    <input size="30" class="form-manage" placeholder="Pick-Up date.." type="datetime-local" value="2017-01-01T11:11:00">
    </div>
    <div class="row">
    <label>Search</label>
    <input size="30" class="form-manage" placeholder="Type your word.." type="search" value="">
    </div>
    <div class="row">
    <label>Color</label>
    <input size="30" class="form-manage" placeholder="Select favorite color.." type="color" value="#563d7c">
    </div>
   </form>

Radio Button Example



<form name="form1" method="post" action="">
  <label class="radio-label">
  <input name="radiobutton" id="radio1" type="radio" value="radiobutton">
    Radio Button #1</label>
	
	<label class="radio-label">
  <input name="radiobutton" id="radio1" type="radio" value="radiobutton">
    Radio Button #2</label>
	
	<label class="radio-label">
  <input name="radiobutton" id="radio1" type="radio" value="radiobutton">
    Radio Button #3</label>
</form> 

Select List Example

<form name="form1" method="post" action="">
  <label>
  <select name="select" class="form-select">
    <option selected>Open this select list</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select>
  </label>
</form> 




Affixshape is open source, Its available on





Copyright 2017 @ affixshape.com

Social Media

Friend's Links