当前位置: 首页 > 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 集群环境
  • 计算机初识
  • 计算机硬件五大单元
  • 计算机硬件组成详解
  • 计算机硬盘接口及操作系统
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • Angular2开发踩坑系列-生产环境编译
  • conda常用的命令
  • CSS 三角实现
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • Date型的使用
  • echarts的各种常用效果展示
  • GDB 调试 Mysql 实战(三)优先队列排序算法中的行记录长度统计是怎么来的(上)...
  • isset在php5.6-和php7.0+的一些差异
  • JavaScript工作原理(五):深入了解WebSockets,HTTP/2和SSE,以及如何选择
  • JSONP原理
  • macOS 中 shell 创建文件夹及文件并 VS Code 打开
  • Mithril.js 入门介绍
  • mysql外键的使用
  • Quartz初级教程
  • React Transition Group -- Transition 组件
  • springboot_database项目介绍
  • Spring框架之我见(三)——IOC、AOP
  • tensorflow学习笔记3——MNIST应用篇
  • Xmanager 远程桌面 CentOS 7
  • 第十八天-企业应用架构模式-基本模式
  • 给第三方使用接口的 URL 签名实现
  • 前端工程化(Gulp、Webpack)-webpack
  • 如何优雅地使用 Sublime Text
  • 深度学习入门:10门免费线上课程推荐
  • ​​​​​​​sokit v1.3抓手机应用socket数据包: Socket是传输控制层协议,WebSocket是应用层协议。
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • ​猴子吃桃问题:每天都吃了前一天剩下的一半多一个。
  • #pragma once与条件编译
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • (2/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (LeetCode C++)盛最多水的容器
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (一)ClickHouse 中的 `MaterializedMySQL` 数据库引擎的使用方法、设置、特性和限制。
  • (转) RFS+AutoItLibrary测试web对话框
  • (转)IOS中获取各种文件的目录路径的方法
  • (转)Linq学习笔记
  • (转)Sql Server 保留几位小数的两种做法
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统