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. Shell case语法结构解析

    case ... esac 与其他语言中的 switch ... case 语句类似,是一种多分枝选择结构,每个 case 分支用右圆括号开始,用两个分号 ;; 表示 break,即执行结束,跳出整个 ...

  2. 学习记录一（Python算数运算符与if语句）

    从网上找到一个Python的学习视频,之前的环境都装好了,今天看的就是算术运算符和变量的命名 其中Python的除法直接就是 / %用于求余 其中还可以进行幂运算**    例如2 ** 3 = 8 ...

  3. VS2017/19 在更新之后,.net core项目出一个500的神奇错误

    先说症状: VS 更新升级之后,如果用的是 .net core 的项目的时候,当vs升级时,.net core的sdk或者runtime有跟着升级的话,项目发布之后,覆盖dll到服务器时,会出现这个错 ...

  4. eclipse编写代码所遇到的问题

    spring方面: 1.Pre-instantiating singletons in org.springframework.beans.factory.support.DefaultListabl ...

  5. Java.work7 访问权限、对象使用作业20194651

    题目1: 在作业5的基础上,再创建一个柱体类,包含矩形对象.高和体积等三个成员变量,一个构造方法进行成员变量初始化,和计算体积.换底两个功能方法,在主类中输入长.宽.高,计算柱体体积,输入新的长.宽. ...

  6. Codeforces_714_B

    http://codeforces.com/problemset/problem/714/B 当不同大小整数有1.2个时,肯定成立,3个时,需要判断,大于等于4个,则肯定不成立. #include & ...

  7. Dubbo（五）：Dubbo中的URL统一资源模型与Dubbo协议

    一.URL简介 URL也就是Uniform Resource Locator,中文叫统一资源定位符.Dubbo中无论是服务消费方,或者服务提供方,或者注册中心.都是通过URL进行定位资源的.所以今天来 ...

  8. Python中zip()函数的解释和可视化

    zip()的作用 先看一下语法: zip(iter1 [,iter2 [...]]) -> zip object Python的内置help()模块提供了一个简短但又有些令人困惑的解释: 返回一 ...

  9. python练习——第3题

    原GitHub地址:https://github.com/Yixiaohan/show-me-the-code 题目:将 0001 题生成的 200 个激活码(或者优惠券)保存到 Redis 非关系型 ...

  10. meta的作用

    一.先明白几个概念 phys.width: device-width: 一般我们所指的宽度width即为phys.width,而device-width又称为css-width. 其中我们可以获取ph ...