Custom Forms

Responsee offers stylish modern Custom Forms, which contain: select box, text input with placeholder, text area, radio, checkbox, multiple select box, file input, and submit button. Should you want to use Custom Forms, apply “customform” class and entry:

<form class="customform" action=""> ... </form>

Use Custom Forms in practice together with classes “s” and “l”.

<form class="customform" action="">
<div class="line">
<div class="margin">
<div class="s-12 l-4">
<select form="select" name="">
<option value="first">First</option>
<option value="second">Second</option>
<option value="third">Third</option>
<option value="fourth">Fourth</option>
</select>
</div>
<div class="s-12 l-4"><input name="" placeholder="Your e-mail" title="Your e-mail" type="text" /></div>
<div class="s-12 l-4"><input name="" title="Choose ..." type="file" /></div>
</div>
</div>
<div class="s-12"><textarea placeholder="Your massage" name="" rows="5"></textarea></div>
<div class="line">
<div class="margin">
<div class="s-12 l-6">
<input name="" value="" checked="checked" type="radio" /><label>Radio Button 1</label>

<input name="" value="" type="radio" /><label>Radio Button 2</label>

<input name="" value="" disabled="disabled" type="radio" /><label>Radio Button 3 (disabled)</label>

<input name="" value="" type="checkbox" /><label>Checkbox 1</label>

<input name="" value="" type="checkbox" /><label>Checkbox 2</label>

<input checked="checked" disabled="disabled" name="" value="" type="checkbox" /><label>Checkbox 3 (disabled)</label>
</div>
<div class="s-12 l-6">
<p><label>Multiple Select:</label></p>
<select form="select" multiple="multiple" name="">
<option value="first">First</option>
<option value="second">Second</option>
<option value="third">Third</option>
<option value="fourth">Fourth</option>
</select>
</div>
</div>
</div>
<div class="s-12 l-2 right"><button type="submit">Submit Button</button></div>
</form>