1. <!DOCTYPE html>
  2. <!--当前文档为html5-->
  3. <html>
  4.  
  5. <head>
  6.     <!--设置文档编码-->
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8.     <meta charset="utf-8" />
  9.     <!--设置关键字和描述方便SEO-->
  10.     <meta name="keywords" content="关键字">
  11.     <meta name="description" content="网站描述">
  12.     <!--设置移动端开发缩放比例-->
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0;">
  14. </head>
  15.  
  16. <body>
  17.     <!-- <form enctype="multipart/form-data" action="接受表单页面" method="Get"> -->
  18.     <form enctype="multipart/form-data">
  19.         <p>
  20.             <label for="userName">账号</label>
  21.             <input type="text" name="userName" id="userName">
  22.         </p>
  23.         <p>
  24.             <label for="passWord">密码</label>
  25.             <input type="password" name="passWord" id="passWord">
  26.         </p>
  27.         <p>
  28.             <label for="select">型别</label>
  29.             <select name="select" id="select">
  30.                 <option value="0">男</option>
  31.                 <option value="1">女</option>
  32.             </select>
  33.         </p>
  34.         <p>
  35.             <label for="checkboxGroupAiHao">爱好运动</label>
  36.             <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao1" value="1">篮球
  37.             <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao2" value="2">足球
  38.             <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao3" value="3">乒乓球
  39.         </p>
  40.         <p>
  41.             <label for="radioMZ">民族</label>
  42.             <input type="radio" name="radioMZ" id="radioMZ1" value="1">汉
  43.             <input type="radio" name="radioMZ" id="radioMZ2" value="2">满
  44.             <input type="radio" name="radioMZ" id="radioMZ3" value="3">壮
  45.         </p>
  46.         <p>
  47.             <label for="remeaks">备注</label>
  48.             <textarea name="remeaks" id="remeaks" rows="10" cols="10"></textarea>
  49.         </p>
  50.         <p>
  51.             <label for="upload">上传</label>
  52.             <input type="file" name="upload" id="upload">
  53.         </p>
  54.         <p>
  55.             <label for="fieldset">分组</label>
  56.             <fieldset>
  57.                 <legend>篮球小组</legend>
  58.                 <ul>
  59.                     <li>
  60.                         1
  61.                     </li>
  62.                     <li>
  63.                         2
  64.                     </li>
  65.                     <li>
  66.                         3
  67.                     </li>
  68.                 </ul>
  69.                 <legend>足球小组</legend>
  70.                 <ul>
  71.                     <li>
  72.                         a
  73.                     </li>
  74.                     <li>
  75.                         b
  76.                     </li>
  77.                     <li>
  78.                         c
  79.                     </li>
  80.                 </ul>
  81.             </fieldset>
  82.         </p>
  83.         <p>
  84.             <input type="submit" name="提交">
  85.             <input type="reset" name="重置">
  86.             <input type="button" name="普通按钮">
  87.             <button><img src="" width="60" height="20">提交2</button>
  88.         </p>
  89.     </form>
  90. </body>
  91.  
  92. </html>

HTML表单提交的更多相关文章

  1. from表单提交数据之后，后台对象接受不到值

    如果SSH框架下,前段页面通过from表单提交数据之后,在后台对象显示空值,也就是接收不到值得情况下.首先保证前段输入框有值,这个可以在提交的时候用jQuery的id或者name选择器alert弹出测 ...

  2. 不使用Ajax，如何实现表单提交不刷新页面

    不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...

  3. golang-web框架revel一个表单提交的总结

    这里要介绍好是revel框架的表单post提交的列子,主要是用于入门学习,和一些知识点的讲解: 首先: 来了解一个问题那就是重复提交表单,做过form表单提交的同学都知道,如果表单提交后不做处理,那么 ...

  4. 关于我们经常用到的form表单提交

    工作中遇到了太多太多的表单提交问题,曾经学过一个HTML的表单提交给 另外一个HTML页面,对于后台怎么获取有点想不起来了. 今天便做了几个实验,提交订单到后台,来掩饰后台如何接受表单内容: 实验 一 ...

  5. 天河微信小程序入门《四》：融会贯通，form表单提交数据库

    天河在阔别了十几天之后终于又回来了.其实这篇文章里的demo是接着(天河微信小程序入门<三>)后面就做了的,但是因为最近在做别的项目,所以就偷懒没有发出来.放到今天来看,从前台提交数据到数 ...

  6. html表单提交方式

    xml 表单提交方式: * 使用submit提交 <form> 要提交的数据 <input type="submit" /'> </form> ...

  7. form表单提交问题

    1.提交后不能跳转到指定页面 jsp代码 <form class="form-horizontal" role="form"> <p clas ...

  8. Java EE之servlet处理表单提交的请求

    1.在源包下新建一个Servlet页,取名为LoginServlet: package weinidingServlet;                            //该Servlet所 ...

  9. MVC中处理表单提交的方式（Ajax+Jquery）

    MVC中处理表单有很多种方法,这里说到第一种方式:Ajax+Jquery 先看下表单: <form class="row form-body form-horizontal m-t&q ...

  10. 使用RequireJs和Bootstrap模态框实现表单提交

    下面我将使用requirejs结合模态框实现三五行代码部署表单提交操作. 传统开发思路如下:

随机推荐

  1. lambda与常用内置函数

    lambda表达式: lambda arg:arg+1 数值操作: abs() 求绝对值 abs(-1) bin() 将十进制转换成二进制   bin(3) ,’0b11’ hex() 十进制转换为十 ...

  2. eclipse配置maven

  3. 【BZOJ-2668】交换棋子 最小费用最大流

    2668: [cqoi2012]交换棋子 Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 1055  Solved: 388[Submit][Status ...

  4. signalr遇到的问题汇总

    1.signalr不会触发 hub类的连接事件和断开连接事件 解决:当时因为我引用的是最新的类库 .当时想到的是类库版本问题.就将他换成官方demo一模一样 发现还是不行..然后用官方demo的客户端 ...

  5. Python终端如何输出彩色字体

    实现过程:       终端的字符颜色是用转义序列控制的,是文本模式下的系统显示功能,和具体的语言无关.       转义序列是以ESC开头,即用\033来完成(ESC的ASCII码用十进制表示是27 ...

  6. 用java下载hdfs文件报NullPointerException

    用fs.copyToLocalFile( hdfsPath,localPath);下载hdfs的文件会报NullPointerException,具体报错为: java.lang.NullPointe ...

  7. python 下 tinker、matplotlib 混合编程示例一个

    该例是实现了 Tinker 嵌入 matplotlib 所绘制的蜡烛图(k 线),数据是从 csv 读入的.花一下午做的,还很粗糙,仅供参考.python 代码如下: import matplotli ...

  8. Win7中怎么不经确认直接删除文件至回收站

    Win7中怎么不经确认直接删除文件至回收站.. 1.双击桌面回收站的图标,进入回收站后,在空白处点击右键,选择属性:2.在回收站的属性对话框,最下边,把"显示删除确认对话框”前边的√去掉,应 ...

  9. Android系统学习小记

    序言 Android 应用的启动到一个页面显示出来,这个过程涉及到点击事件的处理,以及如何启动一个Activity,启动一个Activity之后,如何将Activity中我们的设置的ContentVi ...

  10. 在windowService用Process.Start()启动程序没有界面-记录

    1.在服务程序安装时编程实现,ProjectInstaller.cs   using System; using System.Collections; using System.Collection ...