是否有办法将html5输出设置为默认值

这段代码似乎不起作用:

 <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>

I插入的附加属性是:onload= "x.value=parseInt(a.value)"，但它根本没有帮助。

Thanks in advance

非常简单:

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

当然IE不支持它，所以你又回到了起点。适用于当前的Chrome, Opera, Firefox和Safari for Windows。我猜它在Mac版的Safari上也能运行，比windows版早了几步，但我现在不打算测试它。

在ie8中不工作，"耶!"

表单标签没有任何onload属性。所以你需要以不同的方式使用它。你可以借助其他支持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>

工作代码:

<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>

<!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>

相关内容

最新更新

热门标签：