{"id":98,"date":"2014-01-22T19:58:17","date_gmt":"2014-01-22T19:58:17","guid":{"rendered":"http:\/\/www.w3.org\/community\/html5spec\/?p=98"},"modified":"2014-01-22T19:58:17","modified_gmt":"2014-01-22T19:58:17","slug":"html5-tag-specs","status":"publish","type":"post","link":"https:\/\/www.w3.org\/community\/html5spec\/2014\/01\/22\/html5-tag-specs\/","title":{"rendered":"HTML5  tag specs"},"content":{"rendered":"<p>Hi Guys !!!<\/p>\n<p>My name is Elcio Abrah\u00e3o and I m an University Teacher in S\u00e3o Paulo &#8211; Brazil.<\/p>\n<p>I m using HTML5 to teach programing for my students the form did not change the output value when I add a field type &#8220;radio&#8221; to the &#8220;for&#8221; attribute. Is this a project specification or this is a bug ??<\/p>\n<p>Important: I wish did not to use Javascript in other place except on the &#8220;oninput&#8221; attribute.<\/p>\n<p>This is the test code:<\/p>\n<p>&lt;!DOCTYPE html&gt;<br \/>\n&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;Regra de 3 Simples&lt;\/title&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;h1&gt;C\u00e1lculo Gen\u00e9rico de Regra de 3 Simples&lt;\/h1&gt;&lt;br\/&gt;&lt;br\/&gt;<br \/>\n&lt;form name=&#8221;form1&#8243; oninput=&#8221;if(document.form1.tipo1.checked==true){<br \/>\nx.value = parseFloat(v2.value)*parseFloat(v3.value)\/parseFloat(v1.value)<br \/>\n}else{<br \/>\nx.value = parseFloat(v1.value)*parseFloat(v2.value)\/parseFloat(v3.value)<br \/>\n}&#8221;&gt;<br \/>\n&lt;h2&gt;Escolha tipo da regra de tr\u00eas simples&lt;\/h2&gt;<br \/>\n&lt;input type=&#8221;radio&#8221; name=&#8221;tipo&#8221; id=&#8221;tipo1&#8243; value=&#8221;1&#8243;&gt;Diretamente Proporcional&lt;br\/&gt;&lt;br\/&gt;<br \/>\n&lt;input type=&#8221;radio&#8221; name=&#8221;tipo&#8221; id=&#8221;tipo2&#8243; value=&#8221;2&#8243;&gt;Inversamente Proporcional&lt;br\/&gt;&lt;br\/&gt;<br \/>\n&lt;br\/&gt;&lt;br\/&gt;<br \/>\n&lt;table border=&#8221;1&#8243;&gt;<br \/>\n&lt;tr&gt;&lt;th&gt;Grandeza 1&lt;\/th&gt;&lt;th&gt;Grandeza 2&lt;\/th&gt;&lt;\/tr&gt;<br \/>\n&lt;tr&gt;&lt;td&gt;&lt;input type=&#8221;number&#8221; id=&#8221;v1&#8243; value=&#8221;0&#8243; \/&gt;<br \/>\n&lt;\/td&gt;&lt;td&gt;&lt;input type=&#8221;number&#8221; id=&#8221;v2&#8243; value=&#8221;0&#8243; \/&gt;<br \/>\n&lt;\/td&gt;&lt;\/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;input type=&#8221;number&#8221; id=&#8221;v3&#8243; value=&#8221;0&#8243; \/&gt;&lt;\/td&gt;<br \/>\n&lt;td&gt;&lt;output name=&#8221;x&#8221; for=&#8221;v1 v2 v3 tipo&#8221;&gt;&lt;\/output&gt;&lt;\/tr&gt;<br \/>\n&lt;\/table&gt;<br \/>\n&lt;\/form&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p>I just tried to change the calculation when the user check other radio button. I tested on Firefox and Chrome but I must change some &#8220;number&#8221; type field to get the calculation changed&#8230;<\/p>\n<p>Could you help me ?<\/p>\n<p>Thanks\u00a0 !!!<\/p>\n<p>Best Regards,<\/p>\n<p>Elcio Abrah\u00e3o.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi Guys !!! My name is Elcio Abrah\u00e3o and I m an University Teacher in S\u00e3o Paulo &#8211; Brazil. I m using HTML5 to teach programing for my students the form did not change the output value when I add &hellip; <a href=\"https:\/\/www.w3.org\/community\/html5spec\/2014\/01\/22\/html5-tag-specs\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":5769,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[1],"tags":[],"class_list":["post-98","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/posts\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/users\/5769"}],"replies":[{"embeddable":true,"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":1,"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/posts\/98\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/posts\/98\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/categories?post=98"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.w3.org\/community\/html5spec\/wp-json\/wp\/v2\/tags?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}