Continuous register clean form with autoresize input

Developer
Robert Borghesi
Size
3,549 Kb
Views
52,624
  1. Continuous register clean form with autoresize input Previews
  2. Continuous register clean form with autoresize input HTML Codes
  3. Continuous register clean form with autoresize input CSS Codes

How do I make an continuous register clean form with autoresize input?

A clean register form like a continuous speech with autoresize input where insert our info to register ourselves.. What is a continuous register clean form with autoresize input? How do you make a continuous register clean form with autoresize input? This script and codes were developed by Robert Borghesi on 27 August 2022, Saturday.

Continuous register clean form with autoresize input Previews
IQ Test

Continuous register clean form with autoresize input - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Continuous register clean form with autoresize input </title> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="form_container"> <div class="title">Join us bro!</div> <form> <div class="name"> We want to know you! <br>My name is <input type="name" placeholder="Jony Ive" required data-autosize-input='{ "space": 0 }'>, my email is <input type="email" placeholder="[email protected]" required data-autosize-input='{ "space": 0 }'> and my amazing supersecret password is <input type="password" placeholder="ssssh!" required data-autosize-input='{ "space": 0 }'> </div> <button type="submit"> let's go! <i class="fa fa-angle-double-right"></i> </button> <div class="already">(If you are already one of us,<a href="#"> sign in.</a>)</div> </form>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://www.fakeyourbeauty.com/jquery.autosize.input.debug.js'></script>
</body>
</html>

Continuous register clean form with autoresize input - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Roboto:100,,300,400,700);
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
html { height: 100%;
}
body { background: url("http://www.iltourdinibali.it/codepens/bluebg.jpg") no-repeat center center; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; font-family: 'Roboto', sans-serif; border: 15px solid #e9f6ff; margin: 0; height: 100%;
}
.title { font-size: 40px; margin-bottom: 30px; color: #e9f6ff; font-weight: 300;
}
.form_container { width: 500px; position: fixed; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; color: #8dceff; font-size: 20px; font-weight: 100; text-align: center;
}
input { background: transparent; border: none; font-size: 20px; color: #e9f6ff; max-width: 350px; transition: width 0s; -webkit-transition: width 0s; border-bottom: dotted 2px #e9f6ff; font-family: 'Roboto', sans-serif; font-weight: 300;
}
input[type="name"] { width: 75px; min-width: 20px;
}
input[type="email"] { width: 234px; min-width: 20px;
}
input[type="password"] { width: 55px; min-width: 20px;
}
button { position: relative; padding: 8px 20px; margin-top: 20px; color: white; background: transparent; border: 0px; font-size: 20px; color: r #e9f6ff; font-weight: 100; cursor: pointer; font-family: 'Roboto', sans-serif; font-weight: 300;
}
.fa { position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;
}
button:hover .fa { margin-left: 5px;
}
.already { font-size: 11.11111px;
}
a { text-decoration: none; color: #e9f6ff;
}
input:focus { outline: 0;
}
button:focus { outline: 0;
}
::-webkit-input-placeholder { color: #e9f6ff;
}
::-moz-placeholder { color: #e9f6ff;
}
/* firefox 19+ */
:-ms-input-placeholder { color: #e9f6ff;
}
/* ie */
input:-moz-placeholder { color: #e9f6ff;
}
input:focus::-webkit-input-placeholder { color: transparent;
}
input:focus:-moz-placeholder { color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder { color: transparent;
}
/* FF 19+ */
Continuous register clean form with autoresize input - Script Codes
Continuous register clean form with autoresize input - Script Codes
Home Page Home
Developer Robert Borghesi
Username dghez
Uploaded August 27, 2022
Rating 3
Size 3,549 Kb
Views 52,624
Do you need developer help for Continuous register clean form with autoresize input?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Robert Borghesi (dghez) Script Codes
Name
Pure Css Loader - Square
Simple PureCss dropdown menu with following subnav
Opening animation from circular avatar
Anaglyph 3D with CSS-blend on mouseMove
Sorting with morphing content
Css Rotating 3d cubes different speed
Best 3 players on fifa 14 - HOVER THEM
Pulse Avatar on click with TweenMax
Continuous scrolling background of sticky header
Text-mask background moving on MouseMove - v2
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!