马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
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>
2、output中有“for”表示计算中使用的元素与计算结果之间的关系，但是23讲中for有表示关系吗？删掉for也能正常运行。
1、在Javascript中,"id"和"name"都可以用来获取数据,但在23讲中,小甲鱼老师要将结果提交到后台,而后台只能识别name,所以只能用name
2、for元素写不写都对网页没有影响,因为在form标签中的oninput元素就已经定义了计算的数据和方法,但HTML5的时代是语义化的时代,所以强烈建议写上
| 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2022-6-4 17:56:12
置顶卡
千斤顶
显身卡
楼主
发表于 2022-6-4 23:24:59
