实例：

<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. bzoj 2434 [Noi2011]阿狸的打字机（fail树+离线处理+BIT）

    [题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=2434 [题意] 按照一定规则生成n个字符串,回答若干个询问:(x,y),问第x个字符串 ...

  2. 查看目标文件是否是以-fPIC编译的， ar 打包命令将多个静态库打包到一个里面

    readelf --relocs foo.o | egrep '(GOT|PLT|JU?MP_SLOT)' 上句大多数时候(和平台有关)可以正确判断是否是以fPIC选项编译的,如果输出为空,基本可以表 ...

  3. 表达式计算器（LL1文法）

    LL(1)文法求算数表达式的值递归子程序法 分析过程: 表达式文法G[E]:E->E+T|E-T|TT->T*F|T/F|T%F|FF->N^F|NN->(E)|NUM|+NU ...

  4. PC-红警联机问题与下载

    或许不是软件问题: 你做好相关设置了吗? 红警局域网联机的具体方法: 适用于原版红警.尤里复仇,及任何同样的扩展版. 第一步:安装IPX协议. 方法: 控制面板——网络连接(或网上邻居·属性)——本地 ...

  5. oc学习之路----代理模式2-使用步骤

    之前已经写过一个个人关于代理模式的一些看法,现在就来总结一下使用代理模式的步骤吧. 1.先搞清楚谁是谁的代理(delegate) ● 2.定义代理协议,协议名称的命名规范:控件类名 + Delegat ...

  6. 转HTMLTestRunner 生成测试报告

    1.HTMLTestRunner 是 Python 标准库的 unittest 模块的一个扩展.它生成易于使用的 HTML 测试报告 1>下载HTMLTestRunner.py文件,地址为: h ...

  7. weapon制作武器

    weapon制作武器 (weapon.pas/c/cpp) 解题报告 制作武器weapon.pas/c/cpp) 背景 WZland的紧急避难所很快就建好了,WZland的居民们陆续地来到这个紧急避难 ...

  8. 非刚性图像配准 matlab简单示例 demons算法

    2011-05-25 17:21 非刚性图像配准 matlab简单示例 demons算法, % Clean clc; clear all; close all; % Compile the mex f ...

  9. 点击modal确定键后删除tr

    做第一个笔记,关于 “书单”.2016-09-03关于一个表格调用modal后,在点击表格中的删除按钮弹出modal,点击确定删除后,将一整行tr 删除的功能. 以下内容为table,表示为某班学生. ...

  10. dublin core实例

    <?xml version="1.0"?> <metadata xmlns="http://example.org/myapp/" xmlns ...