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

表单(非常非常重要)

最后实现的效果:

 表单是form标签

1.input标签里的type属性

 input标签里type=”text“,就是一个可以输入文字的文本框

  input标签里type=”password“,就是一个密码框,密码框和文本框长得很像,区别在于你在密码框里输入密码,会用点来代替

  input标签里type=”submit“表示提交按钮

  input标签里type=”reset“表示重置按钮

 

 type还可以等于checkbox多选框,radio单选框....

当type=radio时,还需要name一样,这样表示在一个组内,就只能选中一个

..

 当type=checkbox时,name也需要一样

 当type=button的时候,表示普通按钮(type=”submit“表示提交按钮,type=”reset“表示重置按钮)

2.用get方式和post方式提交表单

用get方式提交:

 

 点击提交后,会跳转到action所指定的1.1我的第一个网页.html这个网页

但是问题是:

 后面多带了一一些参数:用户名和密码

显然:用get方式提交,我们可以在url中看到我们提交的信息,不安全吧

用post方式提交,比较安全,而且可以传输大文件

3.下拉框

4.文本域

 5.文件域

 

相关文章:

  • 【JavaScript】一文了解JS的闭包
  • 2022前端vue面试题
  • docker相关试题
  • python 之名称空间与作用域
  • python之面向过程编程思想与匿名函数及其应用
  • docker 之Dockerfile
  • python之logging 模块(简洁版)
  • Docker 搭建 Redis Cluster 集群环境
  • Docker 容器编排利器 Docker Compose
  • Docker Swarm 集群环境搭建及弹性服务部署
  • Docker Compose 搭建 Redis Cluster 集群环境
  • 计算机初识
  • 计算机硬件五大单元
  • 计算机硬件组成详解
  • 计算机硬盘接口及操作系统
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 【Redis学习笔记】2018-06-28 redis命令源码学习1
  • 【vuex入门系列02】mutation接收单个参数和多个参数
  • ECMAScript6(0):ES6简明参考手册
  • Iterator 和 for...of 循环
  • JAVA 学习IO流
  • Python 基础起步 (十) 什么叫函数?
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • use Google search engine
  • 大整数乘法-表格法
  • 大主子表关联的性能优化方法
  • 给github项目添加CI badge
  • 诡异!React stopPropagation失灵
  • 基于 Ueditor 的现代化编辑器 Neditor 1.5.4 发布
  • 基于Mobx的多页面小程序的全局共享状态管理实践
  • 码农张的Bug人生 - 初来乍到
  • 想使用 MongoDB ,你应该了解这8个方面!
  • 《码出高效》学习笔记与书中错误记录
  • 【干货分享】dos命令大全
  • 3月27日云栖精选夜读 | 从 “城市大脑”实践,瞭望未来城市源起 ...
  • UI设计初学者应该如何入门?
  • 直播平台建设千万不要忘记流媒体服务器的存在 ...
  • ​​​​​​​ubuntu16.04 fastreid训练过程
  • (arch)linux 转换文件编码格式
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (笔试题)合法字符串
  • (二)springcloud实战之config配置中心
  • (附源码)小程序儿童艺术培训机构教育管理小程序 毕业设计 201740
  • (区间dp) (经典例题) 石子合并
  • (十)c52学习之旅-定时器实验
  • .net core 实现redis分片_基于 Redis 的分布式任务调度框架 earth-frost
  • .NET Core 中的路径问题
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET中的Exception处理(C#)
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示
  • @Autowired注解的实现原理
  • @autowired注解作用_Spring Boot进阶教程——注解大全(建议收藏!)
  • @Data注解的作用
  • [2018/11/18] Java数据结构(2) 简单排序 冒泡排序 选择排序 插入排序
  • [Android 数据通信] android cmwap接入点