1

此代码似乎不起作用：

 <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)" 但它根本没有帮助。

提前致谢

4

4 回答 4

4

其惊人的简单：

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

自然地，它在 IE 中不受支持，所以你又回到了原点。适用于当前适用于 Windows 的 Chrome、Opera、Firefox 和 Safari。我想它也可以在 Mac 版 Safari 上运行，无论如何它比 Windows 版本早了几步，但我现在不打算对其进行测试。

不适用于 IE 8，“耶！”。

于 2013-04-21T07:08:03.313 回答
1

表单标签没有任何 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>
于 2012-12-27T08:06:22.573 回答
0

工作代码：

<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>
于 2012-12-27T17:19:35.567 回答
0 
<!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>
于 2015-09-16T14:02:49.543 回答