当前位置: 首页 > 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 集群环境
  • 计算机初识
  • 计算机硬件五大单元
  • 计算机硬件组成详解
  • 计算机硬盘接口及操作系统
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • 【Linux系统编程】快速查找errno错误码信息
  • 【React系列】如何构建React应用程序
  • EventListener原理
  • Mysql优化
  • QQ浏览器x5内核的兼容性问题
  • underscore源码剖析之整体架构
  • Vue.js-Day01
  • vue--为什么data属性必须是一个函数
  • Zepto.js源码学习之二
  • 从零开始学习部署
  • 从伪并行的 Python 多线程说起
  • 动手做个聊天室,前端工程师百无聊赖的人生
  • 分类模型——Logistics Regression
  • 基于webpack 的 vue 多页架构
  • 排序(1):冒泡排序
  • 全栈开发——Linux
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 如何正确配置 Ubuntu 14.04 服务器?
  • 一起参Ember.js讨论、问答社区。
  • ​Java并发新构件之Exchanger
  • (13)Hive调优——动态分区导致的小文件问题
  • (20050108)又读《平凡的世界》
  • (8)STL算法之替换
  • (Java)【深基9.例1】选举学生会
  • (二)JAVA使用POI操作excel
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (附源码)计算机毕业设计ssm-Java网名推荐系统
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (接口封装)
  • (三)Honghu Cloud云架构一定时调度平台
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (微服务实战)预付卡平台支付交易系统卡充值业务流程设计
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • (转) 深度模型优化性能 调参
  • (转)c++ std::pair 与 std::make
  • (轉貼) UML中文FAQ (OO) (UML)
  • *2 echo、printf、mkdir命令的应用
  • .bat批处理出现中文乱码的情况
  • .NET Core中Emit的使用