added nice html5 inputs http://zdrojak.root.cz/clanky/webdesigneruv-pruvodce-po-html5...

diff --git a/index.php b/index.php
index f8edbdbfc20600137a42fa9803a1054d0523af64..a1c866a5fb8a772de4943198f802a7bd39f636fe 100755 (executable)
--- 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 257fc600d588309c2634539446a2ff689b802ed2..d764c1c0304bb4b4b00ea78aa5d7452e3cc6a64b 100755 (executable)
--- 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 */