实例：

<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. JDK1.5新特性(二)……Static Import

    援引 Static Import - This facility lets you avoid qualifying static members with class names without t ...

  2. aix 文件大小相关查询

    一.aix中查看文件夹占用空间大小 du命令默认是显示当前目录下每个文件以及每个子目录以及下属文件的大小的 用du -sg 可看出当前文件夹的大小,包括文件夹下文件和文件夹(以G为单位):用du -s ...

  3. codeforce 621A Wet Shark and Odd and Even

    水 最大偶数和 #include<iostream> #include<string> #include<algorithm> #include<cstdli ...

  4. POJ1811- Prime Test(Miller–Rabin+Pollard's rho)

    题目大意 给你一个非常大的整数,判断它是不是素数,如果不是则输出它的最小的因子 题解 看了一整天<初等数论及其应用>相关部分,终于把Miller–Rabin和Pollard's rho这两 ...

  5. SQL Server Data Tool 嘹解（了解）一下 SSDT -摘自网络

    Visual Studio 2010 的伺服器管理員可以用來連接 Sharepoint.伺服器,還可以透過資料連接連結至 SQL Server  等資料來源.以資料來源為例,您可以利用單一工具(Vis ...

  6. 问题-Fastreport4 Memo打印时中文显示不全

    问题现象:在使用Fastreport4制作打印工具时,发现Memo显示中文老是显不不全. 问题原因:可能是因为字符编码的原因,希望高人指点. 问题处理:将属性font-charset设置为DEFAUL ...

  7. 问题-Delphi编译时提示缺少delphi自己的单元文件

    问题现象:在编译工程是,提示缺少DELPHI自己的很多单元. 问题原因:这可能是因为手动误删除,或是第三方控件安装时误删除DELPHI自己的目录引起的(如果说错了,希望高人指点). 问题处理: 方法一 ...

  8. zoj 2588 Burning Bridges【双连通分量求桥输出桥的编号】

    Burning Bridges Time Limit: 5 Seconds      Memory Limit: 32768 KB Ferry Kingdom is a nice little cou ...

  9. Android 定时任务高度【schedule】与【scheduleAtFixedRate】差别

    在android中调度定时任务有两种方法 1.schedule 2.scheduleAtFixedRate 这两种方法的差别在于 首次调用时间(Date when)这个參数 <span styl ...

  10. nginx安装php和php-fpm

    最近在学习nginx,看了好多帖子终于安装成功了. 经验,首先不要用yum安装,安装完以后根本找不到安装目录在哪里呀,然后安装失败以后会很不方便. 最终选择了自己编译安装. 看了好多帖子都不行,终于找 ...