<!DOCTYPE html>

<!--当前文档为html5-->

<html>

<head>

    <!--设置文档编码-->

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta charset="utf-8" />

    <!--设置关键字和描述方便SEO-->

    <meta name="keywords" content="关键字">

    <meta name="description" content="网站描述">

    <!--设置移动端开发缩放比例-->

    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0;">

</head>

<body>

    <!-- <form enctype="multipart/form-data" action="接受表单页面" method="Get"> -->

    <form enctype="multipart/form-data">

        <p>

            <label for="userName">账号</label>

            <input type="text" name="userName" id="userName">

        </p>

        <p>

            <label for="passWord">密码</label>

            <input type="password" name="passWord" id="passWord">

        </p>

        <p>

            <label for="select">型别</label>

            <select name="select" id="select">

                <option value="0">男</option>

                <option value="1">女</option>

            </select>

        </p>

        <p>

            <label for="checkboxGroupAiHao">爱好运动</label>

            <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao1" value="1">篮球

            <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao2" value="2">足球

            <input type="checkbox" name="checkboxGroupAiHao" id="checkboxGroupAiHao3" value="3">乒乓球

        </p>

        <p>

            <label for="radioMZ">民族</label>

            <input type="radio" name="radioMZ" id="radioMZ1" value="1">汉

            <input type="radio" name="radioMZ" id="radioMZ2" value="2">满

            <input type="radio" name="radioMZ" id="radioMZ3" value="3">壮

        </p>

        <p>

            <label for="remeaks">备注</label>

            <textarea name="remeaks" id="remeaks" rows="10" cols="10"></textarea>

        </p>

        <p>

            <label for="upload">上传</label>

            <input type="file" name="upload" id="upload">

        </p>

        <p>

            <label for="fieldset">分组</label>

            <fieldset>

                <legend>篮球小组</legend>

                <ul>

                    <li>

                        1

                    </li>

                    <li>

                        2

                    </li>

                    <li>

                        3

                    </li>

                </ul>

                <legend>足球小组</legend>

                <ul>

                    <li>

                        a

                    </li>

                    <li>

                        b

                    </li>

                    <li>

                        c

                    </li>

                </ul>

            </fieldset>

        </p>

        <p>

            <input type="submit" name="提交">

            <input type="reset" name="重置">

            <input type="button" name="普通按钮">

            <button><img src="" width="60" height="20">提交2</button>

        </p>

    </form>

</body>

</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. 关于SQL中的排序问题

    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE generatorConfiguratio ...

  2. 开发haproxy管理平台

    1.说明:该脚本仅适用于Linux操作系统2.使用方法: 在该脚本同级目录下要创建一个名字叫做 haproxy 的文件 haproxy 文件内容如下 global log 127.0.0.1 loca ...

  3. linux-ntpdate同步更新时间

    Linux服务器运行久时,系统时间就会存在一定的误差,一般情况下可以使用date命令进行时间设置,但在做数据库集群分片等操作时对多台机器的时间差是有要求的,此时就需要使用ntpdate进行时间同步 安 ...

  4. 关于GeoWebCache的部署说明

    最近因为工作需要学习了GeoWebCache,有了一些实战经验跟大家分享一下. 废话不多说,直接上问题! 1.切片的缓存问题 当地图服务(这里默认指WMS)的数据更新时,GeoWebCache的切片如 ...

  5. js中let和var定义变量的区别

    let变量之前没见过,刚遇到,探探究竟. 以下转自:http://blog.csdn.net/nfer_zhuang/article/details/48781671 声明后未赋值,表现相同 (fun ...

  6. 迅雷9、迅雷极速版之迅雷P2P加速：流量吸血鬼？为什么你装了迅雷之后电脑会感觉很卡很卡？

    原文地址:http://www.whosmall.com/post/90 关闭极速版迅雷ThunderPlatform.exe进程 ThunderPlatform.exe目的:利用P2P技术进行用户间 ...

  7. jQuery实现的表格展开伸缩效果实例

    <table> <thead> <tr> <th>姓名</th> <th>性别</th> <th>暂住地 ...

  8. linux下apache各种跳转（包括伪静态）的配置

      1.404跳转: vi /etc/httpd/conf/httpd.conf 在虚拟主机配置里添加一行:ErrorDocument 404 /404.html 2.301跳转: 1)将不带www的 ...

  9. Another app is currently holding the yum lock

    摘要 在使用yum安装的时候,出现该error. 错误 Another app is currently holding the yum lock; waiting for it to exit... ...

  10. Codeforces Round #262 (Div. 2) 1004

    Codeforces Round #262 (Div. 2) 1004 D. Little Victor and Set time limit per test 1 second memory lim ...