output里的for有什么作用?

output里的for有什么作用?

我没有在output标签里加for属性也可以实现效果,那是不是for属性并不是必须的呢?我自己再新加了一个input,然后for属性里面我只写了两个,依然实现的是三个数相乘,整个相乘是在form的oninput里完成的,所以for属性到底是有什么作用呢?

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>output</title>
</head>
<body>
<form oninput="totalPrice.value=parseInt(price.value)*parseInt(price2.value)*parseInt(number.value)">
<input type="text" value="5000" id="price">*
<input type="text" value="5000" id="price2">*
<input type="number" value="1" id="number">=
<output name="totalPrice" for="price number"></output>
</form>
</body>
</html>

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕码 2019-04-13 09:54:50

同学你好!

(1)经过测试,output标签中的for属性不是必须的,且output里输出的值是在form里控制的(如果你添加了新的inputn  那么你就要在form标签中的 oninput中相应的添加它的value),

(2)for的作用:for表达的只是一种关系,for 属性规定计算中使用的元素与计算结果之间的关系,并不能控制哪些元素用来运算

http://img1.sycdn.imooc.com//climg/5cb13e0200013b6e09270245.jpg

如果帮助到了你欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师