23讲：好戏在后头 中 output使用的问题
本帖最后由 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也能正常运行。 form表单提交数据，后台是识别name，不是识别id ba21 发表于 2022-6-4 19:25
form表单提交数据，后台是识别name，不是识别id
那。。。第二个问题呢？
1、在Javascript中,"id"和"name"都可以用来获取数据,但在23讲中,小甲鱼老师要将结果提交到后台,而后台只能识别name,所以只能用name
2、for元素写不写都对网页没有影响,因为在form标签中的oninput元素就已经定义了计算的数据和方法,但HTML5的时代是语义化的时代,所以强烈建议写上
页:
[1]