How TO Filter-Search List
Create A Search List <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search f...
Saturday, March 31, 2018
How TO Form with Multiple Steps
Multiple Steps Form <form id="regForm" action=""> <h1>Register:</h1> <!-- One "tab...
How TO Password Validation
Password Validation Form <div class="container"> <form action="/action_page.php"> <label for=...
How TO Toggle Switch
Toggle Switch Button <!-- Rectangular switch --> <label class="switch"> <input type="checkbox"...
How To Create a Custom Checkbox
Custom Checkbox <label class="container">One <input type="checkbox" checked="checked"> ...
How To Create a Fullscreen Search Box
Fullscreen Search Box <div id="myOverlay" class="overlay"> <span class="closebtn" onclick=...
How To Create a Search Button
Search Button <!-- Load icon library --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/f...
Friday, March 30, 2018
How TO Copy Text to Clipboard
Copy Clipboard <!-- The text field --> <input type="text" value="Hello World" id="myInput"...
How To Create a Responsive Form
Create a Responsive Form <div class="container"> <form action="action_page.php"> <div class=...
How To Create a Newsletter
Create a Responsive Form <form action="action_page.php"> <div class="container"> <h2>Subs...
How To Create a Contact Form
Contact Form <div class="container"> <form action="action_page.php"> <label for="fname...
How To Create a Checkout Form
Checkout Form <div class="row"> <div class="col-75"> <div class="container"> ...
Thursday, March 29, 2018
How TO Blog Layout
Blogger Layout body { font-family: Arial; padding: 20px; background: #f1f1f1; } /* Header/Blog Title */ .header { padding: 30...
Wednesday, March 28, 2018
How TO Custom Select Box
Select Menu Button <select> <option value="0"> Select car:</option> <option value="1">Audi...
Tuesday, March 20, 2018
How To Create a Blog Layout
Create a Blogger Layout body { font-family: Arial; padding: 20px; background: #f1f1f1; } /* Header/Blog Title */ .header { ...
