Natural form killer.

BLdqH.markdown

BLdqH

A Pen by Anonasaurus Rex on CodePen.

License.

index.html

<form>
   <p>Hola, me llamo <input type="text" placeholder="nombre" />, y tengo <input type="text" placeholder="edad" /> años.</p>
   <p>Vivo en <input type="text" placeholder="ciudad" /> y me gusta <input type="text" placeholder="hobby" />.</p>
  <button type="submit" class="btn btn-default">Enviar</button>
</form>

script.js

$("input").autosizeInput();

style.css

form{padding:40px; font-size:20px;}
form input{border:none; background:transparent; border-bottom:1px dashed red; width:80px; padding:0; text-align:center; color:red;}

input:focus{outline:none;}