JSFiddle - React, Tailwind, and code Playground

by sjmcpherson

HTML

<form submit="ecoh">
       <fieldset>
           <p><label>First Name:</label><input name="first-name" required id="first-name" /></p>
           <p><label>Last Name:</label><input name="first-name" required id="first-name" /></p>
           <p><label>Username:</label><input name="first-name" required id="first-name" /></p>
           <p><label>Password:</label><input type="password" required name="first-name" id="first-name" /></p>  
           <button>Sign Up</button>
    </fieldset>
</form>

CSS

html,body{font:normal 13px Arial, Helvetica, San-serif;color:#333;}

fieldset{border:2px solid #555;box-shadow:2px 2px 5px #222;border-radius:10px;}
label{width:100px;display:inline-block;font-weight:bold;}
input{border:1px solid #666;box-shadow:inset 1px 1px 3px #ccc;border-radius:4px;}

JavaScript

$(function(){
    $.each('fieldset input',function(e){
            e.value
        
    })
        
});