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. AcWing 789.数的范围

    AcWing 789.数的范围 题目描述 给定一个按照升序排列的长度为n的整数数组,以及 q 个查询. 对于每个查询,返回一个元素k的起始位置和终止位置(位置从0开始计数). 如果数组中不存在该元素, ...

  2. Arduino通信篇系列之print()和write()输出方式的差异

    我们都知道,在HardwareSerial类中有print()和write()两种输出方式, 两个都可以输出数据,但其输出方式并不相同. 例子: float FLOAT=1.23456; int IN ...

  3. Visual Studio 2012 出现关于ActivityLog.xml错误的解决方案

    由sp1升级sp2后出现的错误. devenv.exe /safemode启动下,就可以了 命令列參數 描述 /Command (devenv.exe) 啟動 IDE 並執行指定的命令. /Debug ...

  4. Sophus库CMakeLists.txt内容详解笔记

    CMakeLists.txt: SET(PROJECT_NAME Sophus) PROJECT(${PROJECT_NAME}) CMAKE_MINIMUM_REQUIRED(VERSION 2.6 ...

  5. Codeforces_711_A

    http://codeforces.com/problemset/problem/711/A 忙了一天没做题,做到水题,我这水平也只能做水题了= = ! #include<iostream> ...

  6. 小白学 Python 数据分析（5）：Pandas （四）基础操作（1）查看数据

    在家为国家做贡献太无聊,不如跟我一起学点 Python 人生苦短,我用 Python 前文传送门: 小白学 Python 数据分析(1):数据分析基础 小白学 Python 数据分析(2):Panda ...

  7. postman之下载文件

    前言 小伙伴们在实际的测试工作中是否遇到过下载的接口呢,例如网盘的项目就涉及到上传和下载的接口了,那么我们如何利用postman对下载接口进行测试呢?下面我们一起来学习吧! 练习案例:下载接口:htt ...

  8. 重读es6， 正确了解promise中catch的用法

    前言 在最近的项目中,用到了es6的promise语法,发现promise.prototype.catch 并不只是单单reject抛出的回调函数,所以今天做一些笔录,防止以后在项目中又碰到这样的问题 ...

  9. Angular 从入坑到挖坑 - 组件食用指南

    一.Overview angular 入坑记录的笔记第二篇,介绍组件中的相关概念,以及如何在 angular 中通过使用组件来完成系统功能的实现 对应官方文档地址: 显示数据 模板语法 用户输入 组件 ...

  10. 浅谈.NET中AppDomain的理解

    一.走进.NET AppDomain 天哪,.NET Framwork的CLR真是巧妙呢!随着越来越多的对.Net底层编程的了解,一些诸如架构,处理过程的复杂难懂的细节完全的让我叹服,所以呢,再次错过 ...