Sha256: 7172c2e9676950dafc617197e4b861d9dd49bb97679202c6381799d72651fcd9
Contents?: true
Size: 1.48 KB
Versions: 59
Compression:
Stored size: 1.48 KB
Contents
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CodePen - Floating Placeholders</title>
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<div class='profile'>
<div>
<span data-field='name'></span>
</div>
<div>
<span data-field='address.line1'></span> <span data-field='address.city'></span>, <span data-field='address.zip'></span>
</div>
</div>
<form id="form" method='POST'>
<h1>Floating Placeholders</h1>
<div class="floating-placeholder">
<input type="text" placeholder="Name" autofocus name='user[name]'/>
<label></label>
</div>
<div class="floating-placeholder">
<input type="email" placeholder="Email" name='user[email]'/>
<label></label>
</div>
<br/>
<div class="floating-placeholder">
<input class="long" type="text" placeholder="Address" name='user[address][line1]'/>
<label></label>
</div>
<br/>
<div class="floating-placeholder">
<input type="text" placeholder="ZIP Code" name='user[address][zip]'/>
<label></label>
</div>
<div class="floating-placeholder">
<input type="text" placeholder="City" name='user[address][city]'/>
<label></label>
</div>
<br/>
<div class="floating-placeholder">
<input type="text" placeholder="Phone #" name='user[phone]'/>
<label></label>
</div>
<br/>
<button>SUBMIT</button>
</form>
</body>
</html>
Version data entries
59 entries across 59 versions & 1 rubygems