[aur-dev] [PATCH] Autofocus input fields at login and package-search

Gordian Edenhofer gordian.edenhofer at gmail.com
Wed May 27 10:17:15 UTC 2015


At the login and the package search page, the user is promted to
provide some input. Until now it was neccessary to first click the
field in which the input should be placed.
This can be simplified with HTML5 using the autofocus attribute of
the input element, though not included in XHTML 1.0, the attribute
was at least given a value to comply with the standard.

Signed-off-by: Gordian Edenhofer <gordian.edenhofer at gmail.com>
---
 web/html/login.php               | 2 +-
 web/template/pkg_search_form.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/html/login.php b/web/html/login.php
index 94da559..f898a57 100644
--- a/web/html/login.php
+++ b/web/html/login.php
@@ -29,7 +29,7 @@ html_header('AUR ' . __("Login"));
 			<?php endif; ?>
 			<p>
 				<label for="id_username"><?= __('Username') . ':'; ?></label>
-				<input id="id_username" type="text" name="user" size="30" maxlength="<?= config_get_int('options', 'username_max_len'); ?>" value="<?php if (isset($_POST['user'])) { print htmlspecialchars($_POST['user'], ENT_QUOTES); } ?>" />
+				<input id="id_username" type="text" name="user" size="30" maxlength="<?= config_get_int('options', 'username_max_len'); ?>" value="<?php if (isset($_POST['user'])) { print htmlspecialchars($_POST['user'], ENT_QUOTES); } ?>" autofocus="autofocus" />
 			</p>
 			<p>
 				<label for="id_password"><?= __('Password') . ':'; ?></label>
diff --git a/web/template/pkg_search_form.php b/web/template/pkg_search_form.php
index 7428250..b731674 100644
--- a/web/template/pkg_search_form.php
+++ b/web/template/pkg_search_form.php
@@ -70,7 +70,7 @@ $per_page = array(50, 100, 250);
 		</div>
 		<div>
 			<label for="id_q"><?= __("Keywords"); ?></label>
-			<input type='text' name='K' size='30' value="<?php if (isset($_REQUEST["K"])) { print stripslashes(trim(htmlspecialchars($_REQUEST["K"], ENT_QUOTES))); } ?>" maxlength='35' />
+			<input type='text' name='K' size='30' value="<?php if (isset($_REQUEST["K"])) { print stripslashes(trim(htmlspecialchars($_REQUEST["K"], ENT_QUOTES))); } ?>" maxlength='35' autofocus="autofocus" />
 		</div>
 		<div>
 			<label for="id_out_of_date"><?= __('Out of Date'); ?></label>
-- 
2.4.1


More information about the aur-dev mailing list