请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 马黑黑 于 2023-8-2 08:24 编辑
output标签通常作为form的子元素出现,用于form内的表单元素的实时输出,具有value值。下面的output标签,标签内的数字就是它的value值:
<output>500<output>
一般情况下,output标签应该有自己的 id 标识,以便和表单元素捆绑,并通过编程实时输出表单指定元素的值。试看以下代码,我们虽然没有提供完整的form组件标签,但input标签和output标签一样可以捆绑、编程:
<label for="age">年龄 :<label>
<input id="age" type="range" min="0" max="130" value="18"
oninput="ageout.value=this.value + '岁'" />
<output id="ageout">18岁</output>
其中的 oninput="ageout.value=this.value + '岁'" 是嵌入式JS代码,oninput是可输入元素的输入事件,利用该事件,我们令ID标识为ageout的output标签的value值等于this.value,this指向有嵌入式JS语句的那个input表单元素标签。
效果如下:
|