{"id":10769,"date":"2019-01-23T14:21:27","date_gmt":"2019-01-23T13:21:27","guid":{"rendered":"http:\/\/www.valcon.it\/www\/?p=10769"},"modified":"2022-02-23T08:08:32","modified_gmt":"2022-02-23T07:08:32","slug":"h5-range","status":"publish","type":"post","link":"https:\/\/www.valcon.it\/pp\/h5-range\/","title":{"rendered":"INPUT > range"},"content":{"rendered":"<p>Prova a interagire con il campo di tipo <code>range<\/code>, cambiando anche browser.<\/p>\n<table>\n<tbody>\n<tr>\n<td><input type=\"range\" \/><\/td>\n<td>\n<pre><input type=\"range\" \/><\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><input type=\"range\" value=\"25\" \/><\/td>\n<td>\n<pre><input type=\"range\" value=\"25\" \/><\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><input max=\"10\" min=\"5\" type=\"range\" value=\"5\" \/><\/td>\n<td>\n<pre><input type=\"range\" value=\"5\" min=\"5\" max=\"10\" \/><\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><input max=\"50\" min=\"0\" step=\"5\" type=\"range\" value=\"5\" \/><\/td>\n<td>\n<pre><input type=\"range\" value=\"5\" min=\"0\" max=\"50\" step=\"5\" \/><\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><input max=\"10\" min=\"0\" step=\"0.5\" type=\"range\" value=\"5\" \/><\/td>\n<td>\n<pre><input type=\"range\" value=\"5\" min=\"0\" max=\"10\" step=\"0.5\" \/><\/pre>\n<\/td>\n<\/tr>\n<\/table>\n<p>Javascript<\/p>\n<table>\n<tr>\n<td align=\"center\"><script> \t\nfunction valore(){x=document.all.numero.value;document.all.valoreNumero.value=x}\n<\/script><br \/>\n<input name=\"numero\" onchange=\"valore()\" type=\"range\" \/><br \/>\n<input name=\"valoreNumero\" size=\"8\" type=\"text\" \/><\/td>\n<td>\n<pre><input name=\"numero\" onchange=\"valore()\" type=\"range\" \/><\/pre>\n<p>Trascina il cursore e il valore corrispondente apparir\u00e0 nella casella di testo sottostante<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Prova a interagire con il campo di tipo range, cambiando anche browser. Javascript Trascina il cursore e il valore corrispondente apparir\u00e0 nella casella di testo sottostante<\/p>\n","protected":false},"author":1,"featured_media":8368,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[94,83],"tags":[],"class_list":["post-10769","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-javascript"],"_links":{"self":[{"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/posts\/10769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/comments?post=10769"}],"version-history":[{"count":4,"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/posts\/10769\/revisions"}],"predecessor-version":[{"id":23651,"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/posts\/10769\/revisions\/23651"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.valcon.it\/pp\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/media?parent=10769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/categories?post=10769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.valcon.it\/pp\/wp-json\/wp\/v2\/tags?post=10769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}