[enh] Set id attribute in form input to help a11y.

This commit is contained in:
opi 2014-06-01 19:38:11 +02:00
parent 0b34df0b38
commit 6a91ddcf33
5 changed files with 18 additions and 18 deletions

View file

@ -35,7 +35,7 @@
<div class="form-group"> <div class="form-group">
<label for="label" class="col-sm-12">{{t 'label_for_manifestname' manifest.name}}</label> <label for="label" class="col-sm-12">{{t 'label_for_manifestname' manifest.name}}</label>
<div class="col-sm-12"> <div class="col-sm-12">
<input type="text" name="label" class="form-control" value="{{manifest.name}}" required> <input type="text" id="label" name="label" class="form-control" value="{{manifest.name}}" required>
</div> </div>
</div> </div>
{{#manifest.arguments.install}} {{#manifest.arguments.install}}
@ -43,7 +43,7 @@
<label for="{{name}}" class="col-sm-12">{{ask.en}}</label> <label for="{{name}}" class="col-sm-12">{{ask.en}}</label>
<div class="col-sm-12"> <div class="col-sm-12">
{{#if allowedValues}} {{#if allowedValues}}
<select name="{{name}}" required placeholder="{{example}}" class="form-control" {{#if multipleValues}}multiple{{/if}}> <select id="{{name}}" name="{{name}}" required placeholder="{{example}}" class="form-control" {{#if multipleValues}}multiple{{/if}}>
<option value="" default disabled selected>{{example}}</option> <option value="" default disabled selected>{{example}}</option>
{{#allowedValues}}<option value="{{value}}">{{label}}</option>{{/allowedValues}} {{#allowedValues}}<option value="{{value}}">{{label}}</option>{{/allowedValues}}
</select> </select>
@ -57,7 +57,7 @@
</div> </div>
{{/each}} {{/each}}
{{else}} {{else}}
<input type="text" name="{{name}}" class="form-control" value="{{default}}" placeholder="{{example}}" required> <input type="text" id="{{name}}" name="{{name}}" class="form-control" value="{{default}}" placeholder="{{example}}" required>
{{/if}} {{/if}}
{{/if}} {{/if}}

View file

@ -26,7 +26,7 @@
<div class="form-group"> <div class="form-group">
<label for="domain" class="col-sm-3 control-label">{{t 'domain_name'}}</label> <label for="domain" class="col-sm-3 control-label">{{t 'domain_name'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" name="domain" class="form-control" placeholder="{{t 'myserver_org'}}"> <input type="text" id="domain" name="domain" class="form-control" placeholder="{{t 'myserver_org'}}">
</div> </div>
</div> </div>
</div> </div>
@ -48,7 +48,7 @@
<label for="ddomain" class="col-sm-3 control-label">{{t 'domain_name'}}</label> <label for="ddomain" class="col-sm-3 control-label">{{t 'domain_name'}}</label>
<div class="clearfix visible-xs"></div> <div class="clearfix visible-xs"></div>
<div class="col-sm-4 col-xs-6"> <div class="col-sm-4 col-xs-6">
<input type="text" name="ddomain" class="form-control" placeholder="{{t 'myserver'}}"> <input type="text" id="ddomain" name="ddomain" class="form-control" placeholder="{{t 'myserver'}}">
</div> </div>
<div class="col-sm-5 col-xs-6"> <div class="col-sm-5 col-xs-6">
<select class="form-control" name="ddomain-ext"> <select class="form-control" name="ddomain-ext">

View file

@ -14,20 +14,20 @@
<div class="form-group"> <div class="form-group">
<label for="old_password" class="col-sm-3 control-label">{{t 'tools_adminpw_current'}}</label> <label for="old_password" class="col-sm-3 control-label">{{t 'tools_adminpw_current'}}</label>
<div class="col-sm-5 col-xs-12"> <div class="col-sm-5 col-xs-12">
<input type="password" name="old_password" class="form-control" placeholder="{{t 'tools_adminpw_current_placeholder'}} "/> <input type="password" id="old_password" name="old_password" class="form-control" placeholder="{{t 'tools_adminpw_current_placeholder'}} "/>
</div> </div>
</div> </div>
<hr /> <hr />
<div class="form-group"> <div class="form-group">
<label for="new_password" class="col-sm-3 control-label">{{t 'password_new'}}</label> <label for="new_password" class="col-sm-3 control-label">{{t 'password_new'}}</label>
<div class="col-sm-5 col-xs-12"> <div class="col-sm-5 col-xs-12">
<input type="password" name="new_password" class="form-control" placeholder="{{t 'tools_adminpw_new_placeholder'}} "/> <input type="password" id="new_password" name="new_password" class="form-control" placeholder="{{t 'tools_adminpw_new_placeholder'}} "/>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="confirm_new_password" class="col-sm-3 control-label">{{t 'password_confirmation'}}</label> <label for="confirm_new_password" class="col-sm-3 control-label">{{t 'password_confirmation'}}</label>
<div class="col-sm-5 col-xs-12"> <div class="col-sm-5 col-xs-12">
<input type="password" name="confirm_new_password" class="form-control" placeholder="{{t 'tools_adminpw_confirm_placeholder'}}" /> <input type="password" id="confirm_new_password" name="confirm_new_password" class="form-control" placeholder="{{t 'tools_adminpw_confirm_placeholder'}}" />
</div> </div>
</div> </div>
</div> </div>

View file

@ -15,14 +15,14 @@
<div class="form-group"> <div class="form-group">
<label for="username" class="col-sm-3 control-label">{{t 'user_username'}}</label> <label for="username" class="col-sm-3 control-label">{{t 'user_username'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" name="username" class="form-control" placeholder="johndoe" required> <input type="text" id="username" name="username" class="form-control" placeholder="johndoe" required>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="firstname" class="col-sm-3 control-label">{{t 'user_fullname'}}</label> <label for="firstname" class="col-sm-3 control-label">{{t 'user_fullname'}}</label>
<div class="clearfix visible-xs"></div> <div class="clearfix visible-xs"></div>
<div class="col-sm-4 col-xs-6"> <div class="col-sm-4 col-xs-6">
<input type="text" name="firstname" class="form-control" placeholder="John" required> <input type="text" id="firstname" name="firstname" class="form-control" placeholder="John" required>
</div> </div>
<div class="col-sm-5 col-xs-6"> <div class="col-sm-5 col-xs-6">
<input type="text" name="lastname" class="form-control" placeholder="Doe" required> <input type="text" name="lastname" class="form-control" placeholder="Doe" required>
@ -33,7 +33,7 @@
<label for="mail" class="col-sm-3 control-label">{{t 'user_email'}}</label> <label for="mail" class="col-sm-3 control-label">{{t 'user_email'}}</label>
<div class="clearfix visible-xs"></div> <div class="clearfix visible-xs"></div>
<div class="col-sm-4 col-xs-6"> <div class="col-sm-4 col-xs-6">
<input type="text" name="email" class="form-control" placeholder="johndoe" required> <input type="text" id="email" name="email" class="form-control" placeholder="johndoe" required>
</div> </div>
<div class="col-sm-5 col-xs-6"> <div class="col-sm-5 col-xs-6">
<select class="form-control" name="domain"> <select class="form-control" name="domain">
@ -47,13 +47,13 @@
<div class="form-group"> <div class="form-group">
<label for="password" class="col-sm-3 control-label">{{t 'password'}}</label> <label for="password" class="col-sm-3 control-label">{{t 'password'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="password" name="password" class="form-control" placeholder="•••••" required> <input type="password" id="password" name="password" class="form-control" placeholder="•••••" required>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="confirmation" class="col-sm-3 control-label">{{t 'password_confirmation'}}</label> <label for="confirmation" class="col-sm-3 control-label">{{t 'password_confirmation'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="password" name="confirmation" class="form-control" placeholder="•••••" required> <input type="password" id="confirmation" name="confirmation" class="form-control" placeholder="•••••" required>
<div class="help-block">{{t 'password_description'}}</div> <div class="help-block">{{t 'password_description'}}</div>
</div> </div>
</div> </div>

View file

@ -15,14 +15,14 @@
<div class="form-group"> <div class="form-group">
<label for="username" class="col-sm-3 control-label">{{t 'user_username'}}</label> <label for="username" class="col-sm-3 control-label">{{t 'user_username'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="text" name="username" class="form-control" placeholder="{{username}}" disabled> <input type="text" id="username" name="username" class="form-control" placeholder="{{username}}" disabled>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="firstname" class="col-sm-3 control-label">{{t 'user_fullname'}}</label> <label for="firstname" class="col-sm-3 control-label">{{t 'user_fullname'}}</label>
<div class="clearfix visible-xs"></div> <div class="clearfix visible-xs"></div>
<div class="col-sm-4 col-xs-6"> <div class="col-sm-4 col-xs-6">
<input type="text" name="firstname" class="form-control" placeholder="{{firstname}}"> <input type="text" id="firstname" name="firstname" class="form-control" placeholder="{{firstname}}">
</div> </div>
<div class="col-sm-5 col-xs-6"> <div class="col-sm-5 col-xs-6">
<input type="text" name="lastname" class="form-control" placeholder="{{lastname}}"> <input type="text" name="lastname" class="form-control" placeholder="{{lastname}}">
@ -31,20 +31,20 @@
<div class="form-group"> <div class="form-group">
<label for="mail" class="col-sm-3 control-label">{{t 'user_email'}}</label> <label for="mail" class="col-sm-3 control-label">{{t 'user_email'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="email" name="mail" class="form-control" placeholder="{{mail}}"> <input type="email" id="mail" name="mail" class="form-control" placeholder="{{mail}}">
</div> </div>
</div> </div>
<hr> <hr>
<div class="form-group"> <div class="form-group">
<label for="password" class="col-sm-3 control-label">{{t 'password'}}</label> <label for="password" class="col-sm-3 control-label">{{t 'password'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="password" name="password" class="form-control" placeholder="•••••"> <input type="password" id="password" name="password" class="form-control" placeholder="•••••">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="confirmation" class="col-sm-3 control-label">{{t 'password_confirmation'}}</label> <label for="confirmation" class="col-sm-3 control-label">{{t 'password_confirmation'}}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input type="password" name="confirmation" class="form-control" placeholder="•••••"> <input type="password" id="confirmation" name="confirmation" class="form-control" placeholder="•••••">
<div class="help-block">{{t 'password_description'}}</div> <div class="help-block">{{t 'password_description'}}</div>
</div> </div>
</div> </div>