实例：

<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. Android 访问 wcf

    IService1.cs 添加的接口 [OperationContract] [WebInvoke(Method = "POST", BodyStyle = WebMessageB ...

  2. hdu 3549 Flow Problem (最大流)

    裸最大流,做模板用 m条边,n个点,求最大流 #include <iostream> #include <cstdio> #include <cstring> #i ...

  3. javascript获取元素的计算样式

    使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:1 ...

  4. hdoj 4183 Pahom on Water

    Pahom on Water Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)To ...

  5. nginx 去掉index.php

    首先 要开启 rewrite功能 然后 在 vhosts.conf 中 server 下添加: if (!-f $request_filename) { rewrite (.*) /index.php ...

  6. [置顶] 项目进阶 之 持续构建环境搭建（二）Nexus私服器

    上一篇博文项目进阶 之 持续构建环境搭建(一)架构中,我们大致讲解了一下本系列所搭建环境的基本框架,这次开始我们进入真正的环境搭建实战.重点不在于搭建的环境是否成功和完善,而是在搭建过程中充分认识到每 ...

  7. easyui valid

    /** * 包含easyui的扩展和常用的方法 * * @author * * @version 20120806 */ var wjc = $.extend({}, wjc);/* 定义全局对象,类 ...

  8. SqlServer表中两条全然同样的记录，怎样删除当中1条

    描写叙述:表无主键ID,误插入两遍数据,怎样删除内容同样的记录,而仅仅留下1条. SELECT DISTINCT * INTO #temp FROM grade; DROP TABLE grade; ...

  9. iOS 中UI控件的各种对齐方式总结

    1.textAligment : 文字的水平方向的对齐方式 取值 NSTextAlignmentLeft      = 0,    // 左对齐 NSTextAlignmentCenter    = ...

  10. 标准I/O库之读和写流

    一旦打开了流,则可在三种不同类型的非格式化I/O中进行选择,对其进行读.写操作: (1)每次一个字符的I/O.一次读或写一个字符,如果流是带缓冲的,则标准I/O会处理所有缓冲. (2)每次一行的I/O ...