输出属性答案

【问题标题】：Output Attribute输出属性
【发布时间】：2015-10-01 12:46:24
【问题描述】：

我正在尝试创建一个计算值的基本形式，其中最大输出值为 10。我很确定它可以做到（而且很容易做到）我只是没有足够的经验想出一个解决方案。到目前为止，在几个论坛中搜索输出属性和最大值并没有对此事有太多了解。

所以，这就是我所拥有的：

<form oninput="c.value = parseInt(a.value) + parseInt(b.value)">
<input name="a" type="number"> +
<input name="b" type="number"> =
<output name="c" max="10"></output>
</form>

而且我不明白为什么我不能使用 max="10" 作为属性，或者我应该做些什么来使它工作。

【问题讨论】：

看起来您正在使用 HTML 表单；如果是这种情况，A) 你应该标记它，并且 B) 在 HTML 中没有输出标记这样的东西；您需要阅读一些关于如何使用 Javascript 从表单中获取数据然后更新元素的教程。如果这不是 HTML，您应该指出这是什么标记
感谢您的信息。如果 HTML 不使用输出标签，那么它一定是 javascript，我猜。但我没有在页面上定义它（它仍然有效），所以我不确定它是什么，我不想标记错误的东西。显然，我对编码知之甚少，但我想出的行完成了工作，所以我仍然发布了我的解决方案。但是，感谢您的评论。

标签： javascript html attributes output max

【解决方案1】：

好的，伙计们。几个小时后，我解决了它。正如我所说，我很确定有一个更明显、更容易的解决方案，而且这个解决方案带有一个我并不真正关心的微小错误。所以，如果你不喜欢这样，写你自己的代码。

<form oninput="c.value = parseInt(x.value) - (Math.sqrt((x.value-(10)))||0)*(Math.sqrt((x.value-(10)))||0)">

<input  name="a" type="number"> 
<input  name="b" type="number">
<name="c"></output>
</form>

注意：此示例中的值 x 是您使用“a”和“b”的任何公式的结果。（我用这个来解释我做了什么，但是如果你想看到它的实际效果，那么在这个页面的底部有一个工作的。为 x 插入一些东西看起来太乱了恕我直言）。因此，一旦您有了一个工作公式，请突出显示 pareIn(x.value) 和两个 x.value 函数，然后插入您的公式（使用 a 和 b 变量的公式）。

如果您希望最大值大于 10，请将数字更改为您想要的任何值。

剩下的就是基础数学。

我把这个留在这里，以防有人遇到同样的问题并且找不到更好的参考。

这是我放在页面上的：

<form oninput="c.value = (parseInt(a.value)+ parseInt(b.value)) - (Math.sqrt(((parseInt(a.value)+ parseInt(b.value)-(10))))||0)*(Math.sqrt((parseInt(a.value)+ parseInt(b.value)-(10)))||0)">

<input  name="a" type="number"> +
<input  name="b" type="number"> +
<output name="c"></output>
</form>

编码愉快。

PS: max="10" 不起作用，因为它显然只是一个输入属性。

【讨论】：