Skip to content

jamesbraun12/Learn-HTML-Forms-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 

Repository files navigation

Learn-HTML-Forms-

by Building a Registration Form

<title>Registration Form</title>

Registration Form

Please fill out this form with the required information

Enter Your First Name: Enter Your Last Name: Enter Your Email: Create a New Password: Personal Account Business Account I accept the terms and conditions Upload a profile picture: Input your age (years): How did you hear about us? (select one) freeCodeCamp News freeCodeCamp YouTube Channel freeCodeCamp Forum Other Provide a bio: <textarea name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>

body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; font-family: Tahoma; font-size: 16px; }

h1, p { margin: 1em auto; text-align: center; }

form { width: 60vw; max-width: 500px; min-width: 300px; margin: 0 auto; padding-bottom: 2em; }

fieldset { border: none; padding: 2rem 0; border-bottom: 3px solid #3b3b4f; }

fieldset:last-of-type { border-bottom: none; }

label { display: block; margin: 0.5rem 0; }

input, textarea, select { margin: 10px 0 0 0; width: 100%; min-height: 2em; }

input, textarea { background-color: #0a0a23; border: 1px solid #0a0a23; color: #ffffff; }

.inline { width: unset; margin: 0 0.5em 0 0; vertical-align: middle; }

input[type="submit"] { display: block; width: 60%; margin: 1em auto; height: 2em; font-size: 1.1rem; background-color: #3b3b4f; border-color: white; min-width: 300px; }

input[type="file"] { padding: 1px 2px; }

a { color: #dfdfe2; }

About

by Building a Registration Form

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published