We have a simple wizard form in this post. Each step at the top of the form is indicated by an icon.
In this code, we can create our desired form first and then fill it out. This form can also include a drop-down list and a radio button.
The color theme of this search box is blue and white and it has an option that can be clicked to search by author or category or by the word we enter.
This wizard form shows each step with a circular icon. When we are at that stage, the icon turns blue. The steps are connected by a thin line.
The footer we have in this post is dark and its items such as buttons and borders are orange. The buttons of this footer turn light and yellow during hovering.
This code shows simple forms that all have a gray header in various fields. The login form, password forgetting form and bill payment form are part of these forms.
This code is made with the help of Bootstrap and Material Design. In addition to placing various items such as lists and radio buttons at the end of the code, various forms of input are also placed.
The forms are located inside the accordions and by clicking on each accordion, you can see the form inside it. All forms and accordions are white.
In this code, we have a form to check how strong the password is. This farm consists of 5 circles and these circles turn green when the password is strong enough.
This code shows two buttons that are displayed by clicking on one of the desired forms and by clicking on the other, the form disappears in a sliding manner.
There is a blue button in the middle of the page and clicking on it will open the pop-up. Inside this pop-up is a registration form.
This wizard form forces the user to fill in the necessary items and then go to the next step.
There is a switch button at the top of the form that allows you to switch between forms. There is also a rocket shape constantly moving to the left of the screen.
We have a form with white and pink theme in this code. This form is for getting special discounts for each person.
This form is designed to enter the slave password and shows how strong or weak the password is by a progress bar.
This form is designed to enter the slave password and shows how strong or weak the password is by a progress bar.
The basis of this form is gradient. Form items are also gradients. Clicking on any item opens a special form for that item in a sliding manner.
The basis of this form is gradient. Form items are also gradients. Clicking on any item opens a special form for that item in a sliding manner.
In this code we have a form for the questionnaire. You can use these questionnaire forms for various departments such as psychology clinics.
In this code we have a simple form for the contact us section. The labels of each input are floating, ie by clicking on each input, the label is moved from the inside of the input to the top.
This form has only one input to receive the user's email and it can be used for the subscription section of the website.
In this form, people's health information is calculated by entering age, gender, weight and height.
In this post, we have a wizard form for authenticating a person. Icons and buttons in this form are green.
This wizard form is designed for uploading a file. Icons and buttons in this form are orange.
This form only shows one button. Click on this button an Input field is added. You can have dynamic forms by this code.
In this code we have a simple form. This form takes the details of the person along with the cost of the product and the amount of the discount and displays the invoice.
This form has blue fever. The sidebar is to the left of this form, which is also blue. This form is suitable for receiving a user's profile in his / her account.