From ec0f3a4dccdc96268614d77fe15fa82f3d9463fc Mon Sep 17 00:00:00 2001
From: Harvie <tomas@mudrunka.cz>
Date: Fri, 2 Jul 2010 18:03:15 +0200
Subject: [PATCH] added nice html5 inputs
 http://zdrojak.root.cz/clanky/webdesigneruv-pruvodce-po-html5-tahame-data-od-navstevnika/

---
 index.php                      | 4 ++--
 jbx/themes/default/jukebox.css | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/index.php b/index.php
index f8edbdb..a1c866a 100755
--- a/index.php
+++ b/index.php
@@ -363,11 +363,11 @@ if(!isset($_GET['search'])) {
 <span style="float: right;">
 	<form action="?" method="GET" align="right" style="display: inline;">
 		<input type="hidden" name="download" value="" />
-		<input type="text" name="random" value="<?=$default_random_count?>" />
+		<input type="number" name="random" value="<?=$default_random_count?>" />
 		<input type="submit" value="random" title="Generate random music playlist..." />
 	</form>
 	<form action="?" method="GET" align="right" style="display: inline;">
-		<input type="text" name="search" 
+		<input type="search" name="search" autofocus placeholder="search regexp..."
 			title="Search in music/google/lyrics/mp3/youtube; Hint: You can use regular expressions in search query..."
 			value="<?=unxss($_GET['search'])?>"
 		/>
diff --git a/jbx/themes/default/jukebox.css b/jbx/themes/default/jukebox.css
index 257fc60..d764c1c 100755
--- a/jbx/themes/default/jukebox.css
+++ b/jbx/themes/default/jukebox.css
@@ -78,6 +78,9 @@ tr:hover * a {
 	text-decoration: underline;
 }
 
+:invalid { 
+        background-color: pink;
+}
 
 /* Color Classes */
 
-- 
2.30.2