<!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. HTML+CSS知识点总结

    转自:http://blog.csdn.net/qiushi_1990/article/details/40260447?utm_source=tuicool&utm_medium=refer ...

  2. JavaMail简单版实验测试

    前言: 最近由于实现web商城的自动发送邮件功能的需求,故涉猎的邮箱协议的内部原理.现将简单版的Java Mail实例做个代码展示,并附上其中可能出现的bug贴出,方便感兴趣的读者进行测试! 1.载入 ...

  3. MAC && Linux terminal session clone

    MAC && Linux terminal session clone 背景 本人使用的是mac,terminal配置的是iterm2,相信许多公司和我司一样登录dev/beta/pr ...

  4. Long Short-Term Memory (LSTM)公式简介

    Long short-term memory: make that short-term memory last for a long time. Paper Reference: A Critica ...

  5. jQuery 复习

    jQuery 复习 基础知识 1, window.onload $(function(){});   $(document).ready(function(){}); 只执行函数体重的最后一个方法,事 ...

  6. Shell case esac语句

    case ... esac 与其他语言中的 switch ... case 语句类似,是一种多分枝选择结构. case 语句匹配一个值或一个模式,如果匹配成功,执行相匹配的命令.case语句格式如下: ...

  7. VTK初学一，动画加AVI录制终于做出来了

      #ifndef INITIAL_OPENGL #define INITIAL_OPENGL #include <vtkAutoInit.h> VTK_MODULE_INIT(vtkRe ...

  8. glusterFS系统中文管理手册（转载）

    GlusterFS系统中文管理手册       1文档说明 该文档主要内容出自 www.gluster.org 官方提供的英文系统管理手册<Gluster File System 3.3.0 A ...

  9. Servlet接口五种方法介绍

    Servlet接口定义了5种方法: init() service() destroy() getServletConfig() getServletInfo() init() 在Servlet实例化后 ...

  10. 用类方法------>快速创建一个autorelease的对象，在封装的类方法内部

    在封装的类方法内部,也就是+ (id)personWithName:(NSString *)name andAge:(int)age内部: 创建了一个person对象,并且创建了一个person*类型 ...