首页 > 软件开发 > HTML >

快速学会HTML语言-19-表格form标记(实例)

来源:互联网 2023-03-16 19:11:44 183

先顶后看年薪百万,如果帮到了你,投个好评。oxL办公区 - 实用经验教程分享!

快速学会HTML语言-19-表格form标记(实例)oxL办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    表单form>标记。oxL办公区 - 实用经验教程分享!

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

    初始框架如图oxL办公区 - 实用经验教程分享!

    快速学会HTML语言-19-表格form标记(实例)oxL办公区 - 实用经验教程分享!

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

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

    快速学会HTML语言-19-表格form标记(实例)oxL办公区 - 实用经验教程分享!

  • 3

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

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

    post方式:包含表单主题中,发送到服务器上。oxL办公区 - 实用经验教程分享!

    快速学会HTML语言-19-表格form标记(实例)oxL办公区 - 实用经验教程分享!

  • 4

    表单名称属性:nameoxL办公区 - 实用经验教程分享!

    就是表单的名字,也可以理解为人的名字。提交到后台时需要给各个表单取名字,方便管理。oxL办公区 - 实用经验教程分享!

    快速学会HTML语言-19-表格form标记(实例)oxL办公区 - 实用经验教程分享!

  • 5

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

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

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

    快速学会HTML语言-19-表格form标记(实例)oxL办公区 - 实用经验教程分享!

  • 6

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

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

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

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

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

    快速学会HTML语言-19-表格form标记(实例)oxL办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)

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


    标签: HTML

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