首页 > 软件开发 > HTML >

GIF动态图教学-H5语言9-form表单(实例)

来源:互联网 2023-03-16 19:12:07 491

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

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    form表单标记,form>/form>标记创建一个表单,标记中间的内容都属于表单的内容,初始框架如图。Kp9办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言9-form表单(实例)Kp9办公区 - 实用经验教程分享!

  • 2

    action属性,用来设置表单数据(用户名和密码等)发送到哪个地方进行处理。Kp9办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言9-form表单(实例)Kp9办公区 - 实用经验教程分享!

  • 3

    发送数据方式:method属性。设置表单数据发送时使用哪种HTTP提交方法,有get方式和post方式。Kp9办公区 - 实用经验教程分享!

    get属性值:数据传送到action属性指明的URL,也就是网页的地址。Kp9办公区 - 实用经验教程分享!

    post属性值:包含表单主题中,发送到服务器中。Kp9办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言9-form表单(实例)Kp9办公区 - 实用经验教程分享!

  • 4

    name表单名称属性:就是表单的名字,可以理解成为人类的名字,提交到后台时需要给各个表单取名字,方便服务器管理。Kp9办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言9-form表单(实例)Kp9办公区 - 实用经验教程分享!

  • 5

    enctype表单提交编码方式:Kp9办公区 - 实用经验教程分享!

    默认取值为application/x-www-form-urlencoded,所有网页的表单支持的类型。Kp9办公区 - 实用经验教程分享!

    另一个值为,multipart/form-data,MIME编码,上传文件时必须选择该项。Kp9办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言9-form表单(实例)Kp9办公区 - 实用经验教程分享!

  • 6

    窗口方式:Kp9办公区 - 实用经验教程分享!

    _blank为打开新游览器窗口。Kp9办公区 - 实用经验教程分享!

    _parent为父窗口。Kp9办公区 - 实用经验教程分享!

    _self为同窗口中。Kp9办公区 - 实用经验教程分享!

    _top为整个游览器窗口载入所链接的文件。Kp9办公区 - 实用经验教程分享!

    GIF动态图教学-H5语言9-form表单(实例)Kp9办公区 - 实用经验教程分享!

  • 6此文章未经授权抓取自百度经验
  • 注意事项

    • gif动态图将重复播放。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页更清晰查看gif动态图。

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


    标签: 软件HTML

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