Form Example
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Form Example</title>
<!-- Standard-->
<meta name="author" content="kiwiwr">
<meta name="keywords" content="keywords">
<meta name="description" content="description">
<!-- Icon -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Style -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://kiwiwr.ru/blank/css/default.css">
<!-- Script -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>
<body>
<form action="">
<span class="f fs100">
<input type="text" name="text" placeholder="Text">
<input type="password" name="password" placeholder="Password">
<input type="tel" name="tel" placeholder="Tel">
<input type="url" name="url" placeholder="Url">
<input type="search" name="search" placeholder="Search">
<input type="email" name="email" placeholder="Email">
<input type="number" min="0" name="number" placeholder="Number">
</span>
<input type="hidden" name="" placeholder="hidden">
<div class="fm">
<label><input type="radio" name="radio">Radio 1</label><br>
<label><input type="radio" name="radio">Radio 2</label><br>
<label><input type="radio" name="radio">Radio 3</label><br>
</div>
<div class="fm">
<label><input type="checkbox" name="checkbox">Сheckbox</label><br>
<label><input type="checkbox" name="checkbox">Сheckbox</label><br>
<label><input type="checkbox" name="checkbox">Сheckbox</label><br>
</div>
<input type="file" name="file">
<span class="f fs100">
<input type="date" name="date">
<select name="select">
<option disabled selected>Default</option>
<option value="Item 1">Item 1</option>
<option value="Item 2">Item 2</option>
<option value="Item 3">Item 3</option>
</select>
<input list="datalist" name="datalist" placeholder="Default">
<datalist id="datalist">
<option value="Item 1">Item 1</option>
<option value="Item 2">Item 2</option>
<option value="Item 3">Item 3</option>
</datalist>
<textarea rows="10" name="text" placeholder="Textarea"></textarea>
</span>
<input type="submit" name="submit" value="Submit">
</form>
</body>
</html>
Download | Example