Question

此代码似乎不起作用：

 <form onload= "x.value=parseInt(a.value)" oninput= "x.value = parseInt(a.value)" id="theinterval" >
    <input class='slidor' type="range" name="a" value="25">
    <h2><output name="x" for="a" ></output></h2>
    </form>

我插入的附加属性是：onload =“x.value = parseInt（a.value）”但它根本没有帮助。

提前致谢

Answer 1

非常容易：

<output name="x" for="a">25</output>

自然它在IE中不受支持，所以你回到原点。适用于当前的Chrome，Opera，Firefox和Safari for Windows。我想它也适用于Safari for Mac，这比Windows版本还要先走几步，但我现在不打算测试它。

不适用于IE 8，“耶！”

Answer 2

表单标记没有任何onload属性。所以你需要使用它，但不同的eay。您可以获取其他支持onload属性的html标签的帮助（例如：body，div等）。

其中一个可能的解决方案是使用body标签的“onload”属性。它看起来像这样：

<body onload="o.value = parseInt(a.value)">

<form onsubmit="return true" oninput="o.value = parseInt(a.value)">
  <input id="a" type="range" step="any" value="25">

  <output id="o" name="o"></output>
</form>

</body>

Answer 3

工作代码：

<form oninput= "x.value = a.valueAsNumber" id="theinterval" >
<input class='slidor' type="range" name="a" value="25">
<h2>
<output Class='outputo' name="x" for="a"></output>
<p> mins </p>
</h2>
</form>


<script>
;(function() {
$(".outputo").attr('value', $(".slidor").attr('value') )
})()
</script>

Answer 4

<!DOCTYPE html>
<html lang="pt-br"> 
<head> 
  <meta charset="utf-8"> 
  <title>output</title>
  <script>
    window.onload = function() {
      var items = document.querySelectorAll("OUTPUT");
      for(var i = 0; i < items.length; i++) {
        items[i].defaultValue = 0;
      }
    }
  </script>
</head>
<body>
  <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
    <input type="number" id="a" value="0">+
    <input type="number" id="b" value="0">=
    <output id="out" name="x" for="a b"></output>
  </form>
</body>
</html>

有没有办法将html5输出设置为默认值？

4 个答案: