JSFiddle - React, Tailwind, and code Playground
by pj_js15
HTML
<div class="container">
<div class="row">
<h1 class="main edit-users-headers">
<spring:theme code="text.account.profile.updatePasswordForm.title" />
</h1>
<div class="edit-user-sections">
<p><spring:theme code="updatePwd.description"/></p>
<form:form action="${action}" method="post" commandName="updatePasswordForm">
<div class="element-group">
<div class="label-container">
<label class="control-label" for="currentPassword">
<spring:theme code="profile.currentPassword" />
<span class="required">*</span>
</label>
</div>
<div class="input-element-container">
<form:password id="currentPassword" cssClass="pwdField form-control" path="currentPassword" autocomplete="off"/>
<div class="hidden error">
<spring:theme code="profile.currentPassword.invalid" />
</div>
</div>
</div>
<div class="element-group">
<div class="label-container">
<label class="control-label" for="newPassword">
<spring:theme code="profile.newPassword" />
<span class="required">*</span>
</label>
</div>
<div class="input-element-container">
<form:password id="newPassword" cssClass="pwdField form-control" path="newPassword" autocomplete="off"/>
<div class="hidden error">
<spring:theme code="updatePwd.pwd.invalid.newPassword" />
</div>
</div>
</div>
<div class="element-group">
<div class="label-container">
<label class="control-label" for="checkNewPassword">
<spring:theme code="profile.checkNewPassword" />
<span class="required">*</span>
</label>
</div>
<div class="input-element-container">
<form:password id="checkNewPassword" cssClass="pwdField form-control" path="checkNewPassword" autocomplete="off"/>
<div class="hidden error">
<spring:theme code="updatePwd.pwd.invalid.checkNewPassword" />
</div>
</div>
</div>
<div class="element-group action-button-container">
<div...