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

HTML学习笔记——08:表单<form>

HTML <form> 元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息

例如:登录页面。

作用:搜集不同类型的用户输入,并向服务器传送数据。

注意:表单本身并不可见!!!

示例:

<form>first name:<input type="text" name="fname"> <br/>last name:<input type="text" name="lname"> <br/><input type="submit" value="提交">
</form>

多数情况下被用到的表单标签是输入标签(<input>)。

一、表单的属性

1、action属性

action=要提交到的页面(xxx.html)

 表单提交的地址,可以是网站也可以是一个请求处理地址。 

2、methed属性

表单的提交方式:

        get(默认提交方式):地址栏显示参数值。不安全,高效。不可以传输大文件;

        post: 地址栏不显示参数值,推荐。安全,可以传输大文件。

示例:

<form action="HtmlTest01.html" method="get">first name:<input type="text" name="fname"> <br/>last name:<input type="text" name="lname"> <br/><input type="submit" value="提交">
</form>

 

 2-1、浏览器抓取post请求信息

可以通过后台设置让此处加密。

二、<form>标签可包含的表单元素

三、表单的特点

1、一个form表单应该只有一个submit的按钮
2、上传多个文件如果分开上传应该使用多个表单;如果一起上传,则使用一个表单。
3、如果一个页面中有多个表单,则提交时,不同表单内的空间可以同名。

相关文章:

  • 计算机网络课后第一章问答题
  • Java 9 响应式流(Reactive Streams)
  • 回显服务器
  • day07-实战-今日指数
  • 如何在 Angular 中为响应式表单创建自定义验证器
  • 如何对线上项目Debug
  • C语言希尔排序详解!!!速过
  • redis的缓存穿透,缓存并发,缓存雪崩,缓存问题及解决方案
  • 【MySQL】事务的一致性究竟怎么理解?
  • Spring Boot项目打包及依赖管理-瘦身
  • css中选择器的优先级
  • flink operator 1.7 更换日志框架log4j 到logback
  • 最近火的一键穿衣AI,这款服装设计软件也不赖
  • 【动态规划专栏】专题二:路径问题--------6.地下城游戏
  • 2024-02-20(数位DP)
  • 网络传输文件的问题
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • 「面试题」如何实现一个圣杯布局?
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • avalon2.2的VM生成过程
  • Java 网络编程(2):UDP 的使用
  • Java 最常见的 200+ 面试题:面试必备
  • JavaScript对象详解
  • Magento 1.x 中文订单打印乱码
  • Python 使用 Tornado 框架实现 WebHook 自动部署 Git 项目
  • python 学习笔记 - Queue Pipes,进程间通讯
  • SpiderData 2019年2月13日 DApp数据排行榜
  • 猴子数据域名防封接口降低小说被封的风险
  • 可能是历史上最全的CC0版权可以免费商用的图片网站
  • 前端临床手札——文件上传
  • 巧用 TypeScript (一)
  • 日剧·日综资源集合(建议收藏)
  • 使用Gradle第一次构建Java程序
  • 我与Jetbrains的这些年
  • 物联网链路协议
  • [Shell 脚本] 备份网站文件至OSS服务(纯shell脚本无sdk) ...
  • ​520就是要宠粉,你的心头书我买单
  • ​iOS实时查看App运行日志
  • #微信小程序:微信小程序常见的配置传值
  • (k8s中)docker netty OOM问题记录
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (附源码)计算机毕业设计SSM教师教学质量评价系统
  • (牛客腾讯思维编程题)编码编码分组打印下标题目分析
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转)IIS6 ASP 0251超过响应缓冲区限制错误的解决方法
  • .NET 3.0 Framework已经被添加到WindowUpdate
  • .NET 将混合了多个不同平台(Windows Mac Linux)的文件 目录的路径格式化成同一个平台下的路径
  • .NET 命令行参数包含应用程序路径吗?
  • .NET3.5下用Lambda简化跨线程访问窗体控件,避免繁复的delegate,Invoke(转)
  • .net对接阿里云CSB服务
  • .net连接oracle数据库
  • .NET学习教程二——.net基础定义+VS常用设置
  • .skip() 和 .only() 的使用
  • /etc/fstab和/etc/mtab的区别
  • @javax.ws.rs Webservice注解