首页 > 软件开发 > HTML >

快速学会HTML语言-22-input标记radio(实例)

来源:互联网 2023-03-16 19:11:43 238

先顶后看年薪百万,如果帮到了你,投个好评。O6W办公区 - 实用经验教程分享!

快速学会HTML语言-22-input标记radio(实例)O6W办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    input标记中单选按钮radio,在网页中单选按钮让用户进行单向选择,以空心圆显示。input type="radio">O6W办公区 - 实用经验教程分享!

    快速学会HTML语言-22-input标记radio(实例)O6W办公区 - 实用经验教程分享!

  • 2

    如图,用户注册时按生活中常识只能选中一个,不能两个都选。O6W办公区 - 实用经验教程分享!

    所以接下来来解决这个问题。O6W办公区 - 实用经验教程分享!

    男input type="radio">O6W办公区 - 实用经验教程分享!

    女input type="radio">O6W办公区 - 实用经验教程分享!

    快速学会HTML语言-22-input标记radio(实例)O6W办公区 - 实用经验教程分享!

  • 2该信息未经许可获取自百度经验
  • 3

    男input type="radio" name="sex">O6W办公区 - 实用经验教程分享!

    女input type="radio" name="sex">O6W办公区 - 实用经验教程分享!

    设置name属性,name名字必须相同,不然没效果。O6W办公区 - 实用经验教程分享!

    快速学会HTML语言-22-input标记radio(实例)O6W办公区 - 实用经验教程分享!

  • 4

    仔细发现没有默认方式,checked指定默认方式。O6W办公区 - 实用经验教程分享!

    男input type="radio" name="sex">O6W办公区 - 实用经验教程分享!

    女input type="radio" name="sex" checked>O6W办公区 - 实用经验教程分享!

    快速学会HTML语言-22-input标记radio(实例)O6W办公区 - 实用经验教程分享!

  • 5

    input标记中的隐藏区域hidden。O6W办公区 - 实用经验教程分享!

    这个标记在页面中是一点都没效果的,起到辅助作用,目的在于收集和发送信息,以便于被处理表单的程序所使用,发送表单时,隐藏区域hidden标记的信息也会被发送过去。O6W办公区 - 实用经验教程分享!

    input type="hidden">O6W办公区 - 实用经验教程分享!

    快速学会HTML语言-22-input标记radio(实例)O6W办公区 - 实用经验教程分享!

  • 6

    input标记中的文件标记file,文本标记在页面上由一个文本框和"游览"按钮组成的,用户可以直接将上传给网站的文件路径输入在文本框中,也可以单击"游览"按钮。O6W办公区 - 实用经验教程分享!

    input type="file">O6W办公区 - 实用经验教程分享!

    快速学会HTML语言-22-input标记radio(实例)O6W办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)

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


    标签: HTML

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