首页 > 软件开发 > HTML >

form表单的input标签

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

form表单用于把客户端数据提交到服务端.EFr办公区 - 实用经验教程分享!

工具/原料

  • Pycharm

方法/步骤

  • 1

    form表单属性:EFr办公区 - 实用经验教程分享!

    action属性,设置提交路径.EFr办公区 - 实用经验教程分享!

    method属性,设置请求方法( get | post ).EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

  • 2

    input标签属性:EFr办公区 - 实用经验教程分享!

    type属性,设置类型.EFr办公区 - 实用经验教程分享!

    name属性,设置键.EFr办公区 - 实用经验教程分享!

    value属性,设置默认值.EFr办公区 - 实用经验教程分享!

  • 3

    input标签:文本、密码、提交数据.EFr办公区 - 实用经验教程分享!

    当点击确认的时候会把输入的内容提交到服务端,数据格式为键值对.EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

  • 4

    input标签,多选框.EFr办公区 - 实用经验教程分享!

    点击确认发送的数据格式也是键值对.EFr办公区 - 实用经验教程分享!

    键是hobby值是列表('hobby': ['computers','game','sleep']).EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

  • 4相关内容未经许可获取自百度经验
  • 5

    input标签,单选框.EFr办公区 - 实用经验教程分享!

    提交的数据是键值对(sex : male)EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

  • 6

    input标签,重置.EFr办公区 - 实用经验教程分享!

    清空填写的数据.EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

  • 7

    input标签,提交文件.EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

  • 8

    input标签,button.EFr办公区 - 实用经验教程分享!

    button是一个空按钮,没有任何事件,可以自己绑定事件.EFr办公区 - 实用经验教程分享!

    form表单的input标签EFr办公区 - 实用经验教程分享!

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


    标签: HTML

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