首页 > 软件开发 > HTML >

html中form表单的使用方法

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

html这门语言拥有很多标签,这些标签正式构成网页架构的重要部分,其中form是非常重要的标签,专门用来创建表单,而且有多种多样的表单形式,这里就为大家介绍是如何使用的。Ud4办公区 - 实用经验教程分享!

html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

工具/原料

  • windows 7
  • sublime text 3
  • chrome浏览器

方法/步骤

  • 1

    打开sublime text 3编辑器,新建一个HTML文档,并且编写基本的架构。Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

  • 2

    form底下是input标签,这是一般基本的格式。Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

  • 2此文章非法爬取自百度经验
  • 3

    input type="text" name="username">Ud4办公区 - 实用经验教程分享!

    这里类型是必填的,比如text就会生成单行文本框,name是提供给服务器的名字。Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

  • 4

    为了和不同的input对于,我们一般用label标签。Ud4办公区 - 实用经验教程分享!

    label for="username">请输入信息:/label>Ud4办公区 - 实用经验教程分享!

    这里的for和id是对应的。Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

  • 5

    如果不想让输入框的内容显示,可以用password这种形式。Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

  • 6

    实际上还有多种表单格式,根据自己的需求定制内容即可。Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

    html中form表单的使用方法Ud4办公区 - 实用经验教程分享!

  • 注意事项

    • tips: form主要的表单区别在于input的类型

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


    标签: HTML

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