实例：

<html>

<head>

    <title>表单实例</title>

</head>

<body>

<center>

    <h1><font color="blue">表单</font></h1>

    <hr width="80%" color="green"/>

    <form action="index.html" method="GET">

        <table border="1" width="500px" cellpadding="5" cellspacing="0" align="center">

            <tr>

                <th colspan="2">学员注册表</th>

            </tr>

            <!--readonly="readonly" disabled="disabled" -->

            <tr>

                <td>姓名：</td><td><input type="text" nam="username" size="19" value="" maxlength="6" /></td>

            </tr>

            <tr>

                <td>密码</td><td><input type="password" name="password"/></td>

            </tr>

            <tr>

                <td>性别</td>

                <td>

                    <input type="radio" name="sex" value="男" checked="checked" />男

                    <input type="radio" name="sex" value="女"/>女

                </td>

            </tr>

            <tr>

                <td>爱好</td>

                <td>

                    <input type="checkbox" name="loves" value="篮球" checked="checked"/>篮球

                    <input type="checkbox" name="loves" value="游戏"/>游戏

                    <input type="checkbox" name="loves" value="学习"/>学习

                    <input type="checkbox" name="loves" value="唱歌"/>唱歌

                </td>

            </tr>

            <tr>

                <td>sql操作</td>

                <td>

                    <select name="clazz">

                        <option value="add">add</option>

                        <option value="sel">sel</option>

                        <option value="upd">upd</option>

                        <option value="del">del</option>

                    </select>

                </td>

            </tr>

            <tr>

                <td>照片：</td>

                <td>

                    <input type="file" name="photo" size="40"/>

                </td>

            </tr>

            <tr>

                <td>备注</td>

                <td>

                    <textarea rows="6" cols="40">

                    </textarea>

                </td>

            </tr>

            <tr>

                <td colspan="2" align="center">

                    <input type="submit" value="提交"/>

                    <input type="reset" value="重填"/>

                    <input type="button" value="按钮" onclick="alert('hello world')"/>

                    <input type="image" src="11.gif" alt="提交表单"/>

                    <input type="hidden" name="hidden" value="learn" />

                </td>

            </tr>

        </table>

    </form>

    </center>

</body>

</html>

结果：

html表单 第四节的更多相关文章

  1. JavaScript表单提交四种方式

    总结JavaScript表单提交四种方式 <!DOCTYPE html> <html> <head> <title>JavaScript表单提交四种方式 ...

  2. C# MVC提交表单的四种方式（转）

    Mvc 提交表单的4种方法全程详解(转) 一,MVC  HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttribu ...

  3. BootStrap 智能表单系列 四 表单布局介绍

    表单的布局分为自动布局和自定义布局两种: 自动布局就是根据配置项中第二级配置项中数组的长度来自动使用不同的bootstrap栅格,通过设置autoLayout为true可以实现自动布局 自动以布局就是 ...

  4. 【总结-前台发送后台接收表单】MVC提交表单的四种方式

    https://www.cnblogs.com/chenwolong/p/Form.html#commentform 后台控制器接收前台表单参数三种方法: 一.普通参数 HTML标签name 和参数名 ...

  5. PHP自学3——在html的<table>标签中显示用户提交表单

    为了更好地显示用户提交表单,本节将在上一节的基础上将读取的用户表单显示在html的<table>标签中,这一节将用到和数组有关的知识. 本节代码将从外部文件(.txt文件)中读取信息于指定 ...

  6. BootStrap 智能表单系列 首页 (持续更新中...)

    背景:本码农.NET后端工程师,在项目开发中发现写了很多重复的代码, 于是自己整了一套根据配置来生成form表单的插件,针对表单的改动仅需要修改配置的json即可 使用中发现还是蛮实用的,于是开源出来 ...

  7. BootStrap 智能表单系列 五 表单依赖插件处理

    这一章比较简单哦,主要就是生产表单元素后的一些后续处理操作,比如日期插件的渲染.一些autocomplete的处理等,在回调里面处理就可以了, demo: $("input.date-pic ...

  8. BootStrap 智能表单系列 三 分块表单配置的介绍

    相信广大博友肯定碰到过一个编辑页面分了很多块的情况,智能表单插件已经为您支持了这种情况, 代码如下(链接地址:https://github.com/xiexingen/Bootstrap-SmartF ...

  9. html5权威指南：表单元素

    一.表单标签: 表单标签:http://blog.csdn.net/mylovestart/article/details/8589002 html5新增表单元素: 1.datalist:http:/ ...

随机推荐

  1. Storm系列(四)Topology提交校验过程

    功能:提交一个新的Topology,并为Topology创建storm-id(topology-id),校验其结构,设置必要的元数据,最后为Topology分配任务. 实现源码: 1  ); Conf ...

  2. 安装Ambari

    1.yum install pdsh    这玩意一般系统都没带 2.检查下umask码,022是需要的 3.获取ambari的官方repo文件,并安装repo文件 wget http://publi ...

  3. HW4.32

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  4. 几乎每个文件里面都有 #ifdef __cplusplus extern "C" { #endif 可我没找到程序里那个地方定义了__cplusplus 啊？这又是怎么回事呢？

    我们的C语言有个进化版,叫C++,这个想必楼主知道,Keil MDK是支持C++编程的,也就是说,你可以用C语言或者C++写你的程序,都可以. 但是,有一个问题,就是头文件的问题,C语言写的头文件C+ ...

  5. mysqldump备份原理6

    写在前面:我们在使用mysqldump备份数据时,请一定记住要加上 -q 参数,后果可能是很严重的,不要给自己挖坑哦.到底为什么呢,且听我慢慢道来! 先来看看 mysqldump –help 中,关于 ...

  6. Cookie中图片的浏览记录与cookie读取servle时路径的设置（文字描述）

    public class ShowServlet extends HttpServlet { public void doGet(HttpServletRequest request, HttpSer ...

  7. 解决DataTable中的DataColumn类型默认为int类型时, 导致不能修改其列值为其他类型的解决办法

    问题起因: 扔给数据库一条select * from [表名] , 得到一个DataTable, 发现有一列status状态的DataColumn的类型是int,然后我想换成字典表里的文字描述,然后就 ...

  8. Redhat YUM U盘源配置

    Redhat YUM U盘源配置 1)在U盘创建目录 #mkdir /yum/Server 并从光盘Server.Packages 目录的所有文件拷贝到/yum/Server 2)安装 creater ...

  9. 使用ViewState[""]传递Hashtable的值

    //首先定义Hashtable myHach ＝ new Hashtable(); //添加键值到Hashtable中myHash.Add("ServiceType1", &quo ...

  10. 创建本地RPM源之更新系统旧版软件mysql

    事情起因 系统版本为Centos6.6 ,因为之前同事没有采用最小化选择性安装,所以系统安装好后自带有mysql5.1的三个安装包: [root@test ~]# rpm -qa | grep mys ...