--- a/src/main/webapp/WEB-INF/jsp/component-form.jsp Wed Aug 18 15:04:59 2021 +0200 +++ b/src/main/webapp/WEB-INF/jsp/component-form.jsp Wed Aug 18 15:30:49 2021 +0200 @@ -47,21 +47,21 @@ </td> </tr> <tr> - <th><fmt:message key="component"/></th> - <td><input name="name" type="text" maxlength="20" required value="<c:out value="${component.name}"/>" /></td> + <th><label for="component-name"><fmt:message key="component"/></label></th> + <td><input id="component-name" name="name" type="text" maxlength="20" required value="<c:out value="${component.name}"/>" /></td> </tr> <tr title="<fmt:message key="node.tooltip"/>"> - <th><fmt:message key="node"/></th> - <td><input name="node" type="text" maxlength="20" value="<c:out value="${component.node}"/>" /></td> + <th><label for="component-node"><fmt:message key="node"/></label></th> + <td><input id="component-node" ame="node" type="text" maxlength="20" value="<c:out value="${component.node}"/>" /></td> </tr> <tr> - <th><fmt:message key="component.color"/></th> - <td><input name="color" type="color" required value="${component.color}" /></td> + <th><label for="component-color"><fmt:message key="component.color"/></label></th> + <td><input id="component-color" name="color" type="color" required value="${component.color}" /></td> </tr> <tr> - <th><fmt:message key="component.lead"/></th> + <th><label for="component-lead"><fmt:message key="component.lead"/></label></th> <td> - <select name="lead"> + <select id="component-lead" name="lead"> <option value="-1"><fmt:message key="placeholder.null-lead"/></option> <c:forEach var="user" items="${viewmodel.users}"> <option @@ -72,15 +72,21 @@ </td> </tr> <tr title="<fmt:message key="ordinal.tooltip" />"> - <th><fmt:message key="ordinal"/></th> + <th><label for="component-ordinal"><fmt:message key="ordinal"/></label></th> <td> - <input name="ordinal" type="number" value="${component.ordinal}"/> + <input id="component-ordinal" name="ordinal" type="number" value="${component.ordinal}"/> </td> </tr> <tr> - <th class="vtop"><fmt:message key="description"/></th> + <th class="vtop"><label for="component-description"><fmt:message key="description"/></label></th> <td> - <textarea name="description" rows="5"><c:out value="${component.description}"/></textarea> + <textarea id="component-description" name="description" rows="5"><c:out value="${component.description}"/></textarea> + </td> + </tr> + <tr> + <th><label for="component-active"><fmt:message key="component.active"/></label></th> + <td> + <input type="checkbox" id="component-active" name="active" <c:if test="${component.active}">checked</c:if> > </td> </tr> </tbody>