JSFiddle - React, Tailwind, and code Playground

by lightbringer

HTML

<form action="update/" method="POST" id="update-person-form">
	<div data-role="fieldcontain">
		<label for="firstName-edit" id="formlabel">First Name:</label>
		<input type="text" name="firstName" id="firstName-edit" disabled="disabled" class="edit-forminput" value=""  />
	</div>
	<div data-role="fieldcontain">
		<label for="lastName-edit" id="formlabel">Last Name:</label>
		<input type="text" name="lastName" id="lastName-edit" disabled="disabled" class="edit-forminput" value=""  />
	</div>
	<div data-role="fieldcontain">
		<label for="email-edit" id="formlabel">Email:</label>
		<input type="text" name="email" id="email-edit" disabled="disabled" class="edit-forminput" value=""  />
	</div>
	<div data-role="fieldcontain">
		<label for="project-edit" id="formlabel">Assigned to Project:</label>
		<input type="text" name="projects" id="project-edit" disabled="disabled" value=""  />
	</div>
	<div data-role="fieldcontain">
		<label for="role-edit" class="select">Project Role:</label>
 		<select name="role-edit" id="role-edit" data-native-menu="false" disabled="disabled" class="edit-projectinput">		
			<option value="Admin">Admin</option>
			<option value="Project Manager">Project Manager</option>
			<option value="User">User</option>
		</select>
	</div>
				
	<fieldset class="ui-grid-a">
		<div class="ui-block-a"><input type="reset" data-theme="c" value="Reset" /></div>
		<div class="ui-block-b"><input type="submit" data-theme="b" value="Update" /></div>	   
	</fieldset>
</form>

JavaScript

$(document).ready(function(){
    $(".edit-projectinput").selectmenu("enable").selectmenu();
});