form 标签

Input标签的type属性值

单行文本域 <input type="text" />

图像域（图像提交按钮）

下拉菜单和列表标签

select 标签属性

form 标签

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <h1 align="center">注册信息</h1>

    <hr color="#336699" />

    <form action="action.php" method="post" name="reg" enctype="multipart/form-data">

        <table width="600px" bgcolor="#f2f2f2" align="center">

            <tr>

                <td align="right">姓名：</td>

                <td><input type="text" name="username" size="25" maxlength="6" placeholder="请输入姓名" /></td>

            </tr>

            <tr>

                <td align="right">邮箱：</td>

                <td><input type="text" name="email" value="@163.com" /></td>

            </tr>

            <tr>

                <td align="right">密码：</td>

                <td><input type="password" name="password" size="25" maxlength="6" placeholder="请输入密码" /></td>

            </tr>

            <tr>

                <td align="right">确认密码：</td>

                <td><input type="password" name="repassword" size="25" maxlength="6" placeholder="请再次输入密码" /></td>

            </tr>

            <tr>

                <td align="right">上传照片：</td>

                <td><input type="file" nanem="file" /></td>

            </tr>

            <tr>

                <td align="right">性别：</td>

                <td>

                    男<input type="radio" name="gender" value="0">&nbsp;

                    女<input type="radio" name="gender" value="1">&nbsp;

                    保密<input type="radio" name="gender" value="2" checked>

                </td>

            </tr>

            <tr>

                <td align="right">爱好：</td>

                <td>

                    读书<input type="checkbox" name="hobby" value="0">&nbsp;

                    跳舞<input type="checkbox" name="hobby" value="1">&nbsp;

                    唱歌<input type="checkbox" name="hobby" value="2">&nbsp;

                </td>

            </tr>

            <tr>

                <td align="right">城市：</td>

                <td>

                    <!-- 下拉菜单 -->

                    <select name="city" id="city">

                        <option value="null">请选择</option>

                        <option value="0">北京</option>

                        <option value="1">上海</option>

                        <option value="2" selected>广州</option>

                        <option value="3">深圳</option>

                    </select>

                    <!-- 列表展示 -->

                    <select name="city2" id="city2" size="3" multiple>

                        <option value="0">北京</option>

                        <option value="1">上海</option>

                        <option value="2">广州</option>

                        <option value="3">深圳</option>

                    </select>

                    <!-- 分组下拉菜单 -->

                    <select name="city3" id="city3">

                        <option value="null">--请选择--</option>

                        <optgroup label="g1">

                            <option value="0">北京</option>

                            <option value="1">上海</option>

                        </optgroup>

                        <optgroup label="g2">

                            <option value="2">广州</option>

                            <option value="3">深圳</option>

                        </optgroup>

                    </select>

                </td>

            </tr>

            <tr>

                <td align="right">简介：</td>

                <td>

                    <textarea name="about" id="about" cols="50" rows="6" placeholder="请输入个人简介"></textarea>

                </td>

            </tr>

            <tr>

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

                    <input type="button" value="来点我" name="button">

                    <input type="submit" name="submit">

                    <input type="reset" name="submit">

                    <input type="image" name="imageBtn" src="button.png" width="70px">

                </td>

            </tr>

            <tr>

                <td>

                    <input type="hidden" name="hidden" value="注册信息补充" />

                </td>

                <td></td>

            </tr>

        </table>

    </form>

</body>

</html>

HTML表单概念、语法及创建表单，案例的更多相关文章

  1. SQL 基础语法（创建表空间、用户、并授予权限、数据的增删改查） --（学习笔记）[转]

    --创建表空间 名:lyayzh_test create tablespace lyayzh_test --创建表数据文件 名:lyayzh_test_data.dbf 必须以dbf为后缀 dataf ...

  2. MYSQL创建表的约束条件（可选）

    一.常用的一些约束条件 一.创建表的完整语法1.创建表的万能模板:create table 库名.表名( 字段名1 类型[(宽度) 约束条件], 字段名2 类型[(宽度) 约束条件], 字段名3 类型 ...

  3. Oracle创建表语句(Create table)语法详解及示例

    创建表(Create table)语法详解1. ORACLE常用的字段类型ORACLE常用的字段类型有VARCHAR2 (size) 可变长度的字符串, 必须规定长度CHAR(size) 固定长度的字 ...

  4. Oracle创建表语句(Create table)语法详解及示例、、 C# 调用Oracle 存储过程返回数据集 实例

    Oracle创建表语句(Create table)语法详解及示例 2010-06-28 13:59:13|  分类: Oracle PL/SQL|字号 订阅 创建表(Create table)语法详解 ...

  5. python 之 数据库（创建表的完整语法、基本数据类型）

    10.4 创建表的完整语法 create table 表名( 字段名1 类型[(宽度) 约束条件], 字段名2 类型[(宽度) 约束条件], 字段名3 类型[(宽度) 约束条件] ); #类型:使用限 ...

  6. Oracle创建表空间和表

    创建表空间和表ORACLE物理上是由磁盘上的以下几种文件:数据文件和控制文件和LOGFILE构成的oracle中的表就是一张存储数据的表.表空间是逻辑上的划分.方便管理的.数据表空间 (Tablesp ...

  7. MySQL基础之写表(创建表)

    我的博客 工具 市面上的SQL可视化工具不少,我一般常用的主要就是这两个. 当然,IDEA也是集成了数据库可视化功能的.除了这些,还有DBeaver.SQLyog等等. 我比较喜欢DataGrip,我 ...

  8. 利用Oracle创建表空间和用户

    本文仅用于学习交流,商业用途请支持正版!转载请注明:http://www.cnblogs.com/mxbs/p/6217152.html 第一步,创建表空间 以SYS/sys账户和SYSDBA身份登录 ...

  9. Oracle创建表空间、新建用户和授权

    通过pl/sql以sys用户登录到Oracle数据库上,然后执行菜单:文件/新建/命令窗口 ,打开一个命令窗口然后在该命令窗口中执行脚本创建和删除表空间 . 1.创建表空间 格式:  create t ...

随机推荐

  1. Hello,world！一切的开始

    普及知识 当我们准备开发Java程序时,我们需要两样基础的工具--JDK与IDE.在这里需要解释一下什么是JDK还有IDE.JDK的全称是Java Development kit,即Java开发工具集 ...

  2. 《ASP.NET Core 高性能系列》静态文件中间件

    一.概述 静态文件(如 HTML.CSS.图片和 JavaScript等文件)是 Web程序直接提供给客户端的直接加载的文件. 较比于程序动态交互的代码而言,其实原理都一样(走Http协议), ASP ...

  3. DOCKER 学习笔记7 Docker Machine 在阿里云实例化ECS 以及本地Windows 实例化虚拟机实战

    前言 通过以上6小节的学习,已经可以使用DOCKER 熟练的部署应用程序了.大家都可以发现使用 DOCKER 带来的方便之处,因为现在的话,只是在一台服务器上部署,这样部署,我们只需要一条命令,需要的 ...

  4. Codeforces_851

    A.分三种情况. #include<bits/stdc++.h> using namespace std; int n,k,t; int main() { ios::sync_with_s ...

  5. 从数组中找到topK的元素（序号）

    问题: 在n个数中找出最大的k个数. 多次求min()或求max() 最简单的方法是对大小为k的数组进行n次求min计算(或者对大小为n的数组进行k次求max计算)最后能够找出最大k个数.复杂度是O( ...

  6. 高软期末考试 B2C模式

    一.软件工程知识点 简要总结 1.软件基础知识 瀑布模型: 我感觉整个<软件工程>书的布局就是按照瀑布模型来的,上面右图少个运维. 2.UML图 2.1 用例图 UseCase Diagr ...

  7. java jdk1.8 32/64位 官方绿色版下载附安装教程

    java jdk1.8 32/64位 官方绿色版下载附安装教程 地址:https://www.jb51.net/softs/691593.html

  8. Centos7更改屏幕显示率

    第一种,在虚拟机中安装VMwareTools,之后在虚拟机菜单栏"查看"这一项选择立即适应窗口. 第二种,修改/boot/grub2/grub.cfg配置文件,在终端输入su,输入 ...

  9. JMeter接口测试-接口签名校验

    前言 很多HTTP接口在传参时,需要先对接口的参数进行数据签名加密 如pinter项目的中的签名接口 http://localhost:8080/pinter/com/userInfo 参数为: {& ...

  10. PHP 中 new static 和 new self 的区别

            今天老大在公司 问了一下  new static  和 new self 的区别 公司十个程序 竟然没有一个回答上来 后面画面自补 ... 本屌丝回家后 就百度了解了下 这二者区别 : ...