This is a template of a more detailed registration form designed with HTML and CSS. The bootstrap CSS file has been imported to the HTML file to use the inbuilt styles in bootstrap with the use of the ‘link' element and the bootstrap JS file has been imported with the use of ‘script' element. The text fields have been implemented with the use of the input element with its type set as text as well as placeholders to display a hint of the expected output. The icons have been implemented with the span element by setting the class value as glyphicon glyphicon-user blue. Mouse hover effect has been implemented with the hover class in the li element by setting the background color as #C8C8C8. The button elements have been implemented with the use of button element and class value has been used as btn btn-large btn-danger.
This is a template of a registration page with the terms and conditions section, designed using HTML and CSS. Bootstrap and jquery files are imported to add the respective styles such as bootstrap grid view. Placeholders are used to display a hint of the expected output in input fields. The input type ‘text' has been used for the text fields whereas the ‘Select' element has been used in the Choose field to select options from the dropdown list. The ‘label' element has been used to display the span values. The button element has been used to display the button with the value of image style set as 100%. The image URL has been added to display the image in the background. A validating element has been added on the submit button to avoid submitting without ticking the checkbox.
This is an example of a sign-up form designed with HTML and CSS. The input type ‘text' has been used for the text fields. Placeholders have been used to display a hint of the expected output in input fields. ‘Select' element has been used in Phone number and Job type fields to select options from a dropdown list. The "font-awesome" style sheet has been imported and used the list element with the class value of fa fa-envelope. The class divider text has the styles of position as relative, text-align as center, margin-top as 15px, and margin-bottom as 15px. The span has the styles of padding as 7px, font size as 12px, position as relative, and z-index as 2. The styles will be appended to the text fields after the load with the styles of content as empty, a position as absolute, width as 100%, border-bottom as 1px solid #ddd, top as 55%, left as 0 and z-index as 1.
Source : https://codepen.io/ivanshavliuga/pen/GzXVvY
Source : https://codepen.io/Devlop-Er/pen/EraLKL