当前位置: 首页 > news >正文

HTML的form表单标签详解~

通过HTML提交表单数据有web中是非常常用的操作,所以有必要详细、仔细学习了解HTML的form表单。

目录

  • 01-关键词 novalidate 是什么意思?
  • 02- action="" 是什么意思?
  • 03- enctype="multipart/form-data" 是什么意思?

01-关键词 novalidate 是什么意思?

示例代码:

 <form novalidate method="post" class="form-horizontal">

答:在HTML中,novalidate 是一个布尔属性,通常用于 <form> 元素中。它用来指示浏览器不应该对表单中的输入进行验证,即不执行浏览器默认的表单验证行为。

当表单中的 novalidate 属性被设置时,浏览器将不会执行对表单字段的验证,包括输入是否符合类型、是否满足必填条件等。这对于那些希望自定义验证逻辑或在后端进行验证的情况非常有用。你可以通过JavaScript来处理自定义的验证逻辑,并在需要时通过表单的提交事件来触发验证。

novalidate 属性被应用在 <form> 标签上,这意味着在提交表单时,浏览器不会执行默认的表单验证,而是需要通过其他方式来处理验证逻辑。这可能是因为开发人员想要使用自己的验证逻辑,或者他们计划在后端进行验证。

02- action=“” 是什么意思?

示例代码:

<form novalidate action="" method="post" class="form-horizontal">

action="":这是 <form> 元素的一个属性,用于指定在表单提交时要发送数据的目标URL。空字符串 "" 表示数据将被提交到当前页面。

03- enctype=“multipart/form-data” 是什么意思?

示例代码:

<form novalidate action="" method="post" enctype="multipart/form-data" class="form-horizontal">

在HTML中,enctype<form> 元素的一个属性,用于指定在提交表单数据时所使用的编码类型。multipart/form-data 是其中一种编码类型,通常用于在表单中上传文件或二进制数据。

当你在表单中有文件上传字段(例如 <input type="file">)或者需要发送二进制数据时,你需要将表单的 enctype 属性设置为 multipart/form-data,以便正确处理这些数据。这种编码方式允许将二进制文件数据以及其他表单字段的数据一起编码并发送到服务器。

multipart/form-data 编码将表单数据分成多个部分,每个部分都有自己的头部信息和内容。这种编码方式适用于文件上传,因为它能够正确处理文件的二进制数据,而其他的编码方式(例如默认的 application/x-www-form-urlencoded)可能会导致文件数据损坏或丢失。

所以,enctype="multipart/form-data" 表示表单将以多部分形式编码,适用于包含文件上传或二进制数据的情况。

http://www.lryc.cn/news/140394.html

相关文章:

  • Kafka 消费者“group_name”组正在永远重新平衡
  • 高并发编程-3. Amdahl(阿姆达尔)定律与Gustafson定律
  • ffmpeg之常用的命令行参数
  • tomcat服务器
  • 【面试题】MVC、MVP与MVVM模式是什么?
  • 网络安全02-C段扫描、开放端口
  • vscode流程图插件使用
  • mysql数据导入导出参数说明
  • Qt——QLineEdit控件常见的属性、方法和信号
  • C语言:指针和数组(看完拿捏指针和数组)
  • Conda命令整理-自用版
  • CountDownLatch 和 CyclicBarrier的区别与详解
  • Vue子组件向父组件传值(this.$emit()方法)
  • 【C++】C/C++内存管理-new、delete
  • 高手进阶之路---pyqt自定义信号
  • 研磨设计模式day09原型模式
  • (二)Redis——List
  • 【Go Web 篇】Go 语言进行 Web 开发:构建高性能网络应用
  • 开悟Optimization guide for intermediate tracks
  • wx.request配置服务器域名,只能包含英文大小写字母、数字,解决办法
  • 【有效的括号】
  • 积跬步至千里 || 数学基础、算法与编程
  • Java单元测试 JUnit 5 快速上手
  • 【Linux网络】TCP UDP socket HTTP webSocket之间的区别
  • 【面向大一新生IT技术社群招新啦,不来瞅瞅?】
  • 分析系统 - 使用Python爬虫
  • strstr函数
  • [C++] string类常用接口的模拟实现
  • 每日一学——防火墙
  • 常用数据库备份方法,sql数据库备份方法