首页 > 软件开发 > HTML >

HTML表单中input标签有什么用

来源:互联网 2023-03-16 19:19:13 版权归原作者所有,如有侵权,请联系我们

在html中,input标签是使用比较多的标签,特别在表单中用得更多。下面小编举例讲解HTML表单中input标签有什么用。fZH办公区 - 实用经验教程分享!

HTML表单中input标签有什么用?fZH办公区 - 实用经验教程分享!

工具/原料

  • 联想笔记本Air14
  • 操作系统Windows 10
  • zend studio10.0

方法/步骤

  • 1

    新建一个html文件,命名为test.html,用于讲解HTML表单中input标签有什么用。fZH办公区 - 实用经验教程分享!

    HTML表单中input标签有什么用?fZH办公区 - 实用经验教程分享!

  • 2

    当input的type类型为submit时,常常用作表单的提交按钮,用于提交表单的内容。fZH办公区 - 实用经验教程分享!

    HTML表单中input标签有什么用?fZH办公区 - 实用经验教程分享!

  • 3

    当input的type类型为checkbox时,可以用于实现复选框,其中,checked为默认选中的意思。fZH办公区 - 实用经验教程分享!

    HTML表单中input标签有什么用?fZH办公区 - 实用经验教程分享!

  • 4

    当input的type类型为radio时,常常用作单选,作为单选时,每个input必须有相同的name值。fZH办公区 - 实用经验教程分享!

    HTML表单中input标签有什么用?fZH办公区 - 实用经验教程分享!

  • 4
  • 5

    当input的type类型为text时,常常用作表单的输入框,可以输入文本信息。fZH办公区 - 实用经验教程分享!

    HTML表单中input标签有什么用?fZH办公区 - 实用经验教程分享!

  • 6

    在浏览器打开test.html,查看效果。fZH办公区 - 实用经验教程分享!

    HTML表单中input标签有什么用?fZH办公区 - 实用经验教程分享!

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


    标签: HTML

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