首页 > 软件开发 > HTML >

HTML中input标签常用输入类型有哪些

来源:互联网 2023-03-16 19:15:42 130

在HTML文档中,input标签是用得比较多的元素,它可以实现文本输入、密码输入、单选、多选等,下面介绍input标签常用输入类型。amd办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新建一个HTML文档,命名为test.html,用于测试说明input的常用类型。

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

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

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

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

    text输入类型。该类型能实现单行文本输入框,常用于输入文本内容,例如,姓名、英文等。

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

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

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

  • 3

    password输入类型。该类型为密码类型,当输入内容的时候,该类型会自动隐藏,以点的形式出现。amd办公区 - 实用经验教程分享!

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

  • 4

    submit类型。该类型一般用于表单的提交,作为提交数据的按钮。

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

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

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

  • 5

    radio类型。该类型用于实现单选的功能,例如,姓别、支付方式等,只能选其中一个input。

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

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

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

  • 6

    checkbox类型。该类型用于复选框,即可以选取一个或多个选项,例如,兴趣爱好、分类等。

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

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

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

  • 7

    button类型。该类型是按钮类型,可以实现按钮的功能,常用于绑定JS事件,或执行JS函数。

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

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

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

    HTML中input标签常用输入类型有哪些amd办公区 - 实用经验教程分享!

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


    标签: HTML

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