首页 > 软件开发 > HTML >

label对象如何使用htmlfor属性

来源:互联网 2023-03-16 19:16:28 456

label对象htmlfor属性是2mv办公区 - 实用经验教程分享!

设置或返回 lable 的 for 属性的值,在label标签中添加的属性为for,但是在js中调用用htmlfor属性2mv办公区 - 实用经验教程分享!

label对象如何使用htmlfor属性?2mv办公区 - 实用经验教程分享!

工具/原料

  • 1.编辑器:notepad v.7.7.1
  • 2.浏览器:百度浏览器8.7.5000.4983

方法/步骤

  • 1

    创建一个名称为 label_htmlfor 的html文件2mv办公区 - 实用经验教程分享!

    label对象如何使用htmlfor属性?2mv办公区 - 实用经验教程分享!

  • 2

    添加一个input元素 设置input类型为radio设置id为 my_lable_id_htmlFor_for,添加一个form表单,在表单中添加label设置for内容为my_lable_id_htmlFor_for,id 为my_lable_id_htmlFor2mv办公区 - 实用经验教程分享!

    label对象如何使用htmlfor属性?2mv办公区 - 实用经验教程分享!

  • 3

    添加一个button按钮,在点击事件中加入自定义函数 为my_lable_htmlFor2mv办公区 - 实用经验教程分享!

    2mv办公区 - 实用经验教程分享!

    2mv办公区 - 实用经验教程分享!

    添加一p标签,设置id 为 show_lable_htmlFor2mv办公区 - 实用经验教程分享!

    label对象如何使用htmlfor属性?2mv办公区 - 实用经验教程分享!

  • 4

    在javascript中创建一个自定义函数 my_lable_htmlFor2mv办公区 - 实用经验教程分享!

    label对象如何使用htmlfor属性?2mv办公区 - 实用经验教程分享!

  • 4该信息未经授权抓取自百度经验
  • 5

    在自定义函数中获取label对象。用 htmlfor属性获取 for属性中的属性值,将获取的结果添加到p标签中显示2mv办公区 - 实用经验教程分享!

    label对象如何使用htmlfor属性?2mv办公区 - 实用经验教程分享!

  • 6

    在浏览器中打开文件 label_htmlfor ,点击button查看效果2mv办公区 - 实用经验教程分享!

    label对象如何使用htmlfor属性?2mv办公区 - 实用经验教程分享!

  • 注意事项

    • 1.在label中用for来引用input的id属性值
    • 2.在函数中用htmlfor属性来返回属性值

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!2mv办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码