From: Harvie <tomas@mudrunka.cz>
Date: Fri, 2 Jul 2010 16:03:15 +0000 (+0200)
Subject: added nice html5 inputs http://zdrojak.root.cz/clanky/webdesigneruv-pruvodce-po-html5... 
X-Git-Url: https://git.harvie.cz/?p=mirrors%2FJukeBox.git;a=commitdiff_plain;h=ec0f3a4dccdc96268614d77fe15fa82f3d9463fc

added nice html5 inputs zdrojak.root.cz/clanky/webdesigneruv-pruvodce-po-html5-tahame-data-od-navstevnika/
---

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 */