首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将HTML输出字段分成两个独立字段而不是一个合并字段

问如何将HTML输出字段分成两个独立字段而不是一个合并字段
EN

Stack Overflow用户
提问于 2013-03-21 22:13:51
回答 1查看 1.8K关注 0票数 0

目前,这段代码给出了我想要的数值结果,但是两个可能的输出显示为一个长数字,但我希望能够将它们分离到各自的表中。

代码语言:javascript
复制
<form
 oninput="x.value=parseInt(a.value)*parseInt(300);y.value=parseInt(a.value)*parseInt(400);">
  <input name="a" value="" type="text">
<output name="x" for="a b"><br>
  </output><output name="y" for="a b"></output></form>

我尝试将每个字段放入一个表中,如下所示

代码语言:javascript
复制
  <form
 oninput="x.value=parseInt(a.value)*parseInt(300);y.value=parseInt(a.value)*parseInt(400);">
  <output for="a b" name="y"></output>
  <table style="text-align: left; width: 100px;" border="1"
 cellpadding="2" cellspacing="2">
    <tbody>
      <tr>
        <td><input name="a" value="" type="text"></td>
      </tr>
<tr>
<td><output name="x" for="a b"></td>
</tr>
<tr>
<td><output name="y" for="a b"></td>
</tr>
    </tbody>
  </table>
</form>

但这只会将输入字段放入一个表中,一个输出和两个空表空间……我迷路了。帮助?请?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-21 22:30:09

如果您删除form下的两个乱码输出字段,应该可以正常工作,如下所示:

代码语言:javascript
复制
<form
    oninput="x.value=parseInt(a.value)*parseInt(300);y.value=parseInt(a.value)*parseInt(400);">
        <table style="text-align: left; width: 100px;" border="1"
        cellpadding="2" cellspacing="2">
        <tbody>
                <tr>
                    <td><input name="a" value="" type="text"></td>
                </tr>
                <tr>
                    <td><output name="x" for="a b"></td>
                </tr>
                <tr>
                    <td><output name="y" for="a b"></td>
                </tr>
            </tbody>
        </table>
    </form>

在一个表单中,一个名称只能使用一次,因此删除顶部(但在表外)名称为'y‘的乱码元素应该删除表单中重复的'y’元素,让"oninput“代码找到正确的输出域。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15549960

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档