Got long forms on your website ? Break them up into smaller logical sections and convert it into a multi-step form with a cool progress bar. Could work for lengthy processes like registration, checkout, profile fillups, 2-factor authentication logins, etc.
Forked from Atakan Goktepe's Pen Multi Step Form with Progress Bar using jQuery and CSS3.
Forked from Atakan Goktepe's Pen Multi Step Form with Progress Bar using jQuery and CSS3.
A Pen by Thomas Whittaker on CodePen.
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| <title>jQuery Gallery Sample</title> | |
| <style> | |
| #gallery {overflow: auto; min-height: 470px;} | |
| .thumbs {width: 200px; float: left; } |
| <?php | |
| // Replace the variable values below | |
| // with your specific database information. | |
| $host="localhost"; | |
| $user="root"; | |
| $pass=""; | |
| $db="olexam"; | |
| $con=mysql_pconnect($host,$user,$pass); |
| <?php | |
| class Student | |
| { | |
| var $name; | |
| var $age; | |
| function Test() | |
| { | |
| echo 'name: ', $this->name, '<br>'; | |
| echo 'age: ', $this->age, '<br>'; |
| Input Processing Output | |
| 1) Enter Code | |
| 1) Manager:Salary 2) if(code==1) Manager Salary | |
| Print Manager Salary |
| first open phpmyadmin and create a database and click on sql and copy and paste this | |
| CREATE TABLE IF NOT EXISTS `users` ( | |
| `id` int(11) NOT NULL AUTO_INCREMENT, | |
| `Username` varchar(44) NOT NULL, | |
| `Password` varchar(44) NOT NULL, | |
| `EmailAddress` varchar(90) NOT NULL, | |
| PRIMARY KEY (`id`) | |
| ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=8 ; |