Issue #717 definitize tabindex of log-in form.

Set clear the tabindex of login form input elements for keyboard user
experiences.
This commit is contained in:
MinSoo Kim 2017-02-28 21:22:06 +09:00
parent 1bd4eb8cb9
commit 912ea46c55
2 changed files with 10 additions and 10 deletions

View file

@ -18,18 +18,18 @@
{lang('common.email_address')} {lang('common.email_address')}
</block> </block>
</label> </label>
<input type="text" cond="$identifier == 'user_id'" name="user_id" id="uid" required title="{lang('common.user_id')}" /> <input type="text" cond="$identifier == 'user_id'" autocapitalize="off" autocorrect="off" autofocus="autofocus" name="user_id" id="uid" required="required" tabindex="1" title="{lang('common.user_id')}" />
<input type="email" cond="$identifier != 'user_id'" name="user_id" id="uid" required title="{lang('common.email_address')}" /> <input type="email" cond="$identifier != 'user_id'" autocapitalize="off" autocorrect="off" autofocus="autofocus" name="user_id" id="uid" required="required" tabindex="1" title="{lang('common.email_address')}" />
<label for="upw">{lang('common.password')}<a class="pos-right" href="{getUrl('act','dispMemberFindAccount')}">{lang('member.cmd_find_member_account')}</a></label> <label for="upw">{lang('common.password')}<a class="pos-right" href="{getUrl('act','dispMemberFindAccount')}">{lang('member.cmd_find_member_account')}</a></label>
<input type="password" name="password" id="upw" required title="{lang('common.password')}" /> <input type="password" name="password" id="upw" required="required" tabindex="2" title="{lang('common.password')}" />
<label for="keepid_opt"> <label for="keepid_opt">
<input type="checkbox" name="keep_signed" id="keepid_opt" value="Y" /> <input type="checkbox" name="keep_signed" id="keepid_opt" tabindex="3" value="Y" />
{lang('member.keep_signed')} {lang('member.keep_signed')}
</label> </label>
<div id="rx_member-warning" class="rx_member-notice"> <div id="rx_member-warning" class="rx_member-notice">
{lang('member.about_keep_warning')} {lang('member.about_keep_warning')}
</div> </div>
<input type="submit" value="{lang('member.cmd_login')}" /> <input type="submit" tabindex="4" value="{lang('member.cmd_login')}" />
</div> </div>
</form> </form>
</section> </section>

View file

@ -19,18 +19,18 @@
{lang('common.email_address')} {lang('common.email_address')}
</block> </block>
</label> </label>
<input type="text" cond="$member_config->identifier == 'user_id'" name="user_id" id="uid" required title="{lang('common.user_id')}" /> <input type="text" cond="$member_config->identifier == 'user_id'" autocapitalize="off" autocorrect="off" autofocus="autofocus" name="user_id" id="uid" required="required" tabindex="1" title="{lang('common.user_id')}" />
<input type="email" cond="$member_config->identifier != 'user_id'" name="user_id" id="uid" required title="{lang('common.email_address')}" /> <input type="email" cond="$member_config->identifier != 'user_id'" autocapitalize="off" autocorrect="off" autofocus="autofocus" name="user_id" id="uid" required="required" tabindex="1" title="{lang('common.email_address')}" />
<label for="upw">{lang('common.password')}<a class="pos-right" href="{getUrl('act','dispMemberFindAccount')}">{lang('member.cmd_find_member_account')}</a></label> <label for="upw">{lang('common.password')}<a class="pos-right" href="{getUrl('act','dispMemberFindAccount')}">{lang('member.cmd_find_member_account')}</a></label>
<input type="password" name="password" id="upw" required title="{lang('common.password')}" /> <input type="password" name="password" id="upw" required="required" tabindex="2" title="{lang('common.password')}" />
<label for="keepid_opt"> <label for="keepid_opt">
<input type="checkbox" name="keep_signed" id="keepid_opt" value="Y" /> <input type="checkbox" name="keep_signed" id="keepid_opt" tabindex="3" value="Y" />
{lang('member.keep_signed')} {lang('member.keep_signed')}
</label> </label>
<div id="rx_message-warning" class="rx_message-notice"> <div id="rx_message-warning" class="rx_message-notice">
{lang('member.about_keep_warning')} {lang('member.about_keep_warning')}
</div> </div>
<input type="submit" value="{$lang->cmd_login}" /> <input type="submit" tabindex="4" value="{$lang->cmd_login}" />
</div> </div>
</form> </form>
</section> </section>