[已解决]23讲：好戏在后头中 output使用的问题

qqw · 发表于 2022-6-4 17:56:12

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 qqw 于 2022-6-4 18:06 编辑

小甲鱼的html课程‘第023讲：好戏在后头’中output例子是

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用output元素显示结果</title>
</head>
<body>
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
0<input type="range" id="a" value="50" min="0" max="100">100 +
<input type="number" id="b" value="50"> =
<output name="x" for="a,b">100</output>
</form>
</body>
</html>

复制代码

而速查宝典中output例子

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鱼C-零基础入门学习Web（Html5+Css3）</title>
</head>
<body>
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" name="b" value="50" /> +
<input type="number" name="a" value="33" /> =
<output name="result"></output>
</form>
</body>
</html>

复制代码

1、23讲中input中使用的“id”而速查宝典中使用的是“name”，这两个都能的出结果，那么有什么区别，或者有什么影响吗？
2、output中有“for”表示计算中使用的元素与计算结果之间的关系，但是23讲中for有表示关系吗？删掉for也能正常运行。

最佳答案

月排行榜 / 总排行榜

临时号

2022-6-4 23:24:59

1、在Javascript中,"id"和"name"都可以用来获取数据,但在23讲中,小甲鱼老师要将结果提交到后台,而后台只能识别name,所以只能用name

2、for元素写不写都对网页没有影响,因为在form标签中的oninput元素就已经定义了计算的数据和方法,但HTML5的时代是语义化的时代,所以强烈建议写上

跳转到最佳答案楼层

ba21 · 发表于 2022-6-4 19:25:34

form表单提交数据，后台是识别name，不是识别id

qqw · 发表于 2022-6-4 22:43:23

ba21 发表于 2022-6-4 19:25
form表单提交数据，后台是识别name，不是识别id

那。。。第二个问题呢？

临时号 · 发表于 2022-6-4 23:24:59

1、在Javascript中,"id"和"name"都可以用来获取数据,但在23讲中,小甲鱼老师要将结果提交到后台,而后台只能识别name,所以只能用name

2、for元素写不写都对网页没有影响,因为在form标签中的oninput元素就已经定义了计算的数据和方法,但HTML5的时代是语义化的时代,所以强烈建议写上

账号		自动登录	找回密码
密码			立即注册

[已解决]23讲：好戏在后头中 output使用的问题

马上注册，结交更多好友，享用更多功能^_^

回帖奖励 +10 鱼币

评分

浏览过的版块

[已解决]23讲：好戏在后头 中 output使用的问题

马上注册，结交更多好友，享用更多功能^_^

回帖奖励 +10 鱼币

评分

浏览过的版块

[已解决]23讲：好戏在后头中 output使用的问题