关于output使用id和使用name的疑惑

来源:3-22 其他标签

WittChen

2020-04-18 10:42:56

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

    </style>
</head>
<body>


<!--<form oninput="total.value=parseInt(price.value)*parseInt(number.value)">-->
    <!--<input type="range" name="price" value="0">*-->
    <!--<input type="text" name="number" value="1">=-->
    <!--<output name="total" for="price number"></output>-->
<!--</form>-->
<form oninput="total.value=parseInt(price.value)*parseInt(number.value)">
    <input type="range" id="price" value="0">*
    <input type="text" id="number" value="1">=
    <output id="total" for="price number"></output>
</form>

</body>
</html>

http://img.mukewang.com/climg/5e9a680709c0fc4906570344.jpg

老师您好,在听课的时候我发现老师您前面input使用id,后面的output使用的却是name我就有些疑惑,为什么name和id可以同时被上面的一小段js代码识别。

我在使用软件编辑的时候发现使用name后js里面的代码高亮显示,是不是写name更好呢或者是写哪一种更加符合规范

http://img.mukewang.com/climg/5e9a692209432ff006130122.jpg

http://img.mukewang.com/climg/5e9a692109c6bf9105950121.jpg


写回答

1回答

好帮手慕言

2020-04-18

同学你好,通过name属性值获取output标签,可以理解为是固定的语法。代码具有灵活性,实现效果的方式有很多种,同学选择其中一种即可。祝学习愉快~

1

0 学习 · 40143 问题

查看课程