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. sass css样式：@for循环、样式变量与#{} 变量插值

    /* sass 可以用写JS的思想来写CSS代码         *   #{}                 用来插值,大括号中填写需要插入的变量         *   @for 变量 from ...

  2. 使用npm发布、查看、引用、删除自己的包[小白推荐]

    前言  怎么使用npm发布自己的组件包呢?博主看了不少相关的文章,都没有一个好的讲述.要么丢三落四,要么就是复杂到外行人根本看不懂,甚至无从下手.于是,在博主的潜心钻研下,终于成功了!所以,我打算写一 ...

  3. 自己封装的一个Ajax小框架

    在经历了Jsp实训的惨痛教训后,特意花了点时间学习Ajax,学完后自我感觉良好,于是写了如下一个小框架: /** * frameAjax * * 参数: * paramsObj: Json * req ...

  4. gRPC初识

    RPC算是近些年比较火热的概念了,随着微服务架构的兴起,RPC的应用越来越广泛.本文介绍了RPC和gRPC的相关概念,并且通过详细的代码示例介绍了gRPC的基本使用. RPC是什么 在分布式计算,远程 ...

  5. DaSiamRPN学习

    9月14日,2018年视觉目标跟踪挑战赛(Visual-Object-Tracking Challenge 2018)的结果在ECCV Workshop上揭晓.VOT2018共设三项任务:Baseli ...

  6. 曹工说Spring Boot源码（17）-- Spring从xml文件里到底得到了什么（aop：config完整解析【中】）

    写在前面的话 相关背景及资源: 曹工说Spring Boot源码(1)-- Bean Definition到底是什么,附spring思维导图分享 曹工说Spring Boot源码(2)-- Bean ...

  7. Ansible: hosts文件拆分为inventory和定义inventory全局变量

    前言 随着管理机器的增多,我们在使用Ansible的时候时常会遇到hosts文件过于冗长的问题,极其不便于管理,而将hosts文件拆分为inventory就可解决该问题:另外,hosts中的每个主机条 ...

  8. Jmeter之将测试结果导出到Excel

    一:环境准备 1.下载jxl.jar这个jar包 2.下载好之后,放到Jmeter的安装路径下的lib目录下 3.jxl.jar的作用:完成对Excel的读写以及修改操作 如何利用jmter操作exc ...

  9. 命令拼接符 || && 区别

    &&   前面的命令执行成功,执行拼接符后面的命令. ||      前面的命令执行失败,执行拼接符后面的命令. 举例: (1)whoami && net user 真 ...

  10. k8s系列---基于canal的网络策略

    文章拷自:http://blog.itpub.net/28916011/viewspace-2215383/ 加上自己遇到的问题简单记录 安装文档:https://docs.projectcalico ...