在上一篇博客中,我们只是写好了表单,但是如何提交呢?
此时我们要知道form表单里面有两个属性,一个是action属性,一个是method属性,action属性代表的是我们的表单数据要提交给谁,而method属性指的是以什么方式提交表单,比如说我们最常见的get和post两种方式
在表格的最后加入type为submit的属性,可以得到一个提交的按钮
此时,对inuput、textarea、select标签分别加上name标签,在提交表单的时候,就会输出name的名字=你输入的内容/定义的value,value的意思是当这种type不是输入类型的而是选择类型的,要对每种选择类型自己定义value值

 <form action="https://www.baidu.com" method="GET"><label>我对input进行修饰</label><input type="text" name="text的输入"><br><br><label>我对textarea进行修饰</label><textarea name="多文本"></textarea><br><label>我对select进行修饰</label><select name="下拉选项"><option value="1">下拉选项1</option><option value="2">下拉选项2</option><option value="3">下拉选项3</option></select><input type="submit" value="提交"></form>


此时我们点击提交按钮

这时,get方式的表单提交成功,也就是以查询方式的方法来提交我们所写/所选的参数

html(5)标签form表单——进阶相关推荐

  1. html(4)标签form表单——基础

    在网页中,我们常常看到表单的存在,这时就要用到form等标签. form标签内部可以放各种表单所需要的标签,他定义了整体的表单区域,它里面可以放如下标签: (1)input标签:可以有很多type,比 ...

  2. Html前端基础(form表单、img标签、a href标签、id的作用)

    文章目录 一.img标签 二.a标签(带href) 三.form表单 本篇主要分析Html前端开发中的img图片标签.a href超链接标签.form表单标签,其中form是重点 一.img标签 1. ...

  3. form表单之input标签

    表单标签<form> 表单用于向服务器传输数据. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.select.fieldse ...

  4. html表单的常用属性有哪些,html/form表单常用属性认识

    1.form表单常用属性练习 .form1 { margin: auto; height: 900px; width: 500px; text-align: center; line-height: ...

  5. 【Ajax】form表单

    一.form表单的基本使用 什么是表单 表单在网页中主要负责数据采集功能.HTML中的<form>标签,就是用于采集用户输入的信息,并通过<form>标签的提交操作,把采集到的 ...

  6. form表单嵌套,用标签的form属性来解决表单嵌套的问题

    form表单嵌套,用标签的form属性来解决表单嵌套的问题 参考文章: (1)form表单嵌套,用标签的form属性来解决表单嵌套的问题 (2)https://www.cnblogs.com/jpfs ...

  7. 框架生成的HTML修改,Django框架form表单验证 修改html标签的样式

    经过前面的学习,我们大致可以知道CharField.EmailField等等以Field结尾的方法,只能帮助我们对用户发来的信息做验证,不能生成html标签.字段本身自己虽然只做验证,但是我们可以通过 ...

  8. js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题...

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  9. 判断form表单里面的元素属性是否有数据_html form标签的action属性是什么意思?又有哪些用法?(附实例)...

    本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧 程序猿的生活:打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固, ...

最新文章

  1. maven小节,Nexus私服,构件打包发布,动态资源过滤,自动部署到本地或远程服务器...
  2. swift:Optional Type 、Swift和Objective-C混编的讲解
  3. 依弗科(上海)机电设备有限公司
  4. 每天备份NAS上的www目录到一块单独的硬盘上
  5. html图片使用glide,jQuery响应式幻灯片插件jquery.glide.js(支持触摸轻量级)
  6. 黑科技神器-uTools
  7. php mysql简单分页代码_用php制作简单分页(从数据库读取记录)的方法详解
  8. 线程安全的单例模式(Java)
  9. Informatic学习总结_day03_update组件学习
  10. 安装Linux镜像文件,通过iso镜像文件硬盘安装Liunx (转载)
  11. 中国高校IPv6升级成果初显,城市热点助力高校加快IPv6部署进程
  12. vc中cout如何解除fixed控制_C++ fixed用法详解
  13. HTML5期末大作业:HTML+CSS茶叶官网网页设计实例 企业网站制作
  14. python tenacity用装饰器方式重试用例,提高测试用例的健壮性
  15. laravel安装 nwidart/laravel-modules 出现的问题
  16. 503 service unavailable 错误怎么解决?503 service unavailable 错误的解决方法。
  17. ubuntu下新建用户
  18. 那些年,我们一起做过的 Java 课后练习题(56 - 60)
  19. 步进电机的技术参数 控制及其应用
  20. LAD-lasso和线性规划算法

热门文章

  1. Java黑皮书课后题第4章:*4.8(给出ASCII码对应的字符)编写程序,得到一个ASCII码的输入(0~27之间的一个整数),然后显示该字符
  2. linux父子进程字写父读无效,linux父子进程
  3. mysql in or索引失效_in 索引失效的问题
  4. 简单快速安装Apache+PHP+MySql服务环境(三)—— 下载安装phpmyadmin
  5. 第8.15节 Python重写自定义类的__repr__方法
  6. 课时5:闲聊之Python的数据类型
  7. .NET Core ConfigureServices
  8. 计算机浮点数运算误差与解决误差的算法
  9. Codeforces 766E Mahmoud and a xor trip(树形DP)
  10. Google App Engine使用简介