当前位置: 首页 > 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 集群环境
  • 计算机初识
  • 计算机硬件五大单元
  • 计算机硬件组成详解
  • 计算机硬盘接口及操作系统
  • bearychat的java client
  • CentOS 7 修改主机名
  • ECMAScript入门(七)--Module语法
  • FineReport中如何实现自动滚屏效果
  • Spark in action on Kubernetes - Playground搭建与架构浅析
  • vue+element后台管理系统,从后端获取路由表,并正常渲染
  • 初探 Vue 生命周期和钩子函数
  • 湖南卫视:中国白领因网络偷菜成当代最寂寞的人?
  • 力扣(LeetCode)21
  • 名企6年Java程序员的工作总结,写给在迷茫中的你!
  • 你真的知道 == 和 equals 的区别吗?
  • 手机端车牌号码键盘的vue组件
  • 算法之不定期更新(一)(2018-04-12)
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 无服务器化是企业 IT 架构的未来吗?
  • 用jQuery怎么做到前后端分离
  • gunicorn工作原理
  • python最赚钱的4个方向,你最心动的是哪个?
  • 新海诚画集[秒速5センチメートル:樱花抄·春]
  • ​ 无限可能性的探索:Amazon Lightsail轻量应用服务器引领数字化时代创新发展
  • #[Composer学习笔记]Part1:安装composer并通过composer创建一个项目
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • #QT(QCharts绘制曲线)
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • (20)docke容器
  • (7)STL算法之交换赋值
  • (AngularJS)Angular 控制器之间通信初探
  • (C++)栈的链式存储结构(出栈、入栈、判空、遍历、销毁)(数据结构与算法)
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (蓝桥杯每日一题)平方末尾及补充(常用的字符串函数功能)
  • (每日一问)基础知识:堆与栈的区别
  • (七)Flink Watermark
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (一)Java算法:二分查找
  • (转)jQuery 基础
  • .bat批处理(一):@echo off
  • .DFS.
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布
  • .NET Core工程编译事件$(TargetDir)变量为空引发的思考
  • .NET Micro Framework 4.2 beta 源码探析