JSFiddle - React, Tailwind, and code Playground

by nimeshrmr

HTML

<form id='targets' action='http://www.innovativephp.com' method='post'  >    
    <ul>
        <li ><div class='label_col'>Password</div><div class='field'><input type='text' name='test_field' id='password' /></div></li>
        <li class='error_msg' >
        <div class='label_col'>&nbsp;</div><div class='error_field' id='password_error_msg'>&nbsp;</div>
        </li>
            
                    
                        
                        <li><div class='label_col'>&nbsp;</div><div class='field'><input type='submit' value='Save' /><input type='reset' value='Reset' class='reset'/></div></li>
    </ul>   
</form>

CSS

.label_col{
 width:20%;
  padding:5px;  
float:left;
}

.field{
 width:75%;
  padding:5px;
 float:left;
}
.error_field{
 width:75%;
  padding:5px;
 float:left;
    

}
.error_msg{
display:none;
 clear:both;  
   color:#f00;
}

li{
    width:100%;
    float:left;
}

JavaScript

$("#password").bind('paste', function() {
    return false;
});