<!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. 红米3 SudaMod（android_6.01_r72）高配指纹/农历/归属地/SM天气/流畅运行/红外线正常/更新于20161025

    一.写在前面 我只是个人爱好,本ROM未集成任何第三方推广软件,我只是喜欢把好的资源分享出来,若可以,我们一起学习,一起进步. 请不要问我怎么刷机! 请不要问我玩游戏卡不卡(有钱你就换好点的手机)! ...

  2. inference和learning

    一开始对于机器学习,主要是有监督学习,我的看法是: 假定一个算法模型,然后它有一些超参数,通过喂多组数据,每次喂数据后计算一下这些超参数.最后,数据喂完了,参数取值也就得到了.这组参数取值+这个算法, ...

  3. zabbix监控单核cpu使用率和多核cpu总负载

    zabbix自带的基础监控的模板中只有对单核cpu负载1分钟.5分钟.15分钟的监控. 添加对总的cpu负载的监控 key:system.cpu.load[all,avg1] 1分钟cpu总的负载 添 ...

  4. 如何同时打开两个excel

    1. 打开一个excel1 2. 不要双击想要打开的excel2.右键excel应用的图标,选择excel2007. 3. 将excel2拖动到2所打开的新建excel中. 4. over.

  5. Angular.js内置的63个指令

  6. C语言基础(3)-二进制、八进制、十六进制

    1.二进制 一个位只能表示0或者1两种状态,简称bit(比特) 一个字节为8个二进制数,称为8位,简称BYTE(字节) 一个字为2个字节,简称WORD. 两个字为双字,简称DWORD,占32个bit ...

  7. Tomcat SSL的安装及配置中遇到问题

    配置tomcat服务器利用SSL进行加密. 一.生成密钥库 具体生成方式就不讲了,tomcat支持的keystore的格式有JKS,PKCS11和PKCS12 JKS是jdk /bin目录下keyto ...

  8. jaxb

    一.简介 JAXB(Java Architecture for XML Binding) 是一个业界的标准,是一项可以根据XML Schema产生Java类的技术.该过程中,JAXB也提供了将XML实 ...

  9. [IOS基础]关于IOS的UIScreeen，UIView，UIViewController，UIWindow理解

    UIScreen: 代表当前这个屏幕,通过UIApplication可以获得这个属性 UIView:   一个矩形试图,包含用户手势和时间响应 UIViewController: 一个UIView的集 ...

  10. 升级到 PHP-7 遇到的坑 及 经验分享

    注意:上面这张图是QQ群网友分享的,图中提到的“被移除的函数”,call_user_func 和 call_user_func_array 在 PHP-7.0 的正式版中是可用的,也许是当时的 测试版 ...