案例说明：　　　

　　　　- 使用表格实现页面效果
　　　　- 超链接不想要有效果，使用href="#"
　　　　- 如果表格里面的单元格没有内容，使用空格作为占位符  
　　　　- 使用图片标签提交表单 <input type="image" src="图片的路径"/>

完整代码：

<html>

    <head>

        <title>World</title>

    </head>

    <body>

        <form action="01-hello.html" method="post">

            <h3 align="center">欢迎登录此页面！</h3>

            <table width="100%">

                <tr>

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

                    <td><input type="text" name="regit"/></td>

                </tr>

                <tr>

                    <td>&nbsp;</td>

                    <td>您还可以使用<a href="#">手机号</a>注册或者使用<a href="#">账号</a>注册</td>

                </tr>

                <tr>

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

                    <td><input type="password" name="pwd"/></td>

                </tr>

                <tr>

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

                    <td><input type="text" name="realname"/></td>

                </tr>

                <tr>

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

                    <td>

                        <input type="radio" name="sex" value="famale"/>女

                        <input type="radio" name="sex" value="male"/>男

                    </td>

                </tr>

                <tr>

                    <td  align="right">生日：</td>

                    <td>

                        <select name"year">

                            <option value="1997"/>1997

                            <option value="1998"/>1998

                            <option value="1999"/>1999

                        </select>年

                        <select name"month">

                            <option value="01"/>01

                            <option value="02"/>02

                            <option value="03" selected="selected"/>03

                        </select>月

                        <select name"day">

                            <option value="20"/>20

                            <option value="21"/>21

                            <option value="22"/>22

                        </select>日

                    </td>

                </tr>

                <tr>

                    <td  align="right">我现在：</td>

                    <td>

                        <select name"now">

                            <option value="study"/>正在上学

                            <option value="1998"/>已经工作

                        </select>

                    </td>

                </tr>

                <tr>

                    <td>&nbsp;</td>

                    <td><img src="data:images/verycode.png"/><a href="#">看不清换一张？</a></td>

                </tr>

                <tr>

                    <td>&nbsp;</td>

                    <td><input type="image" src="data:images/btn.png"></td>

                </tr>

            </table>

        </form>

    </body>

</html>

html-使用表单标签实现注册页面的更多相关文章

  1. html 使用表单标签，与用户交互

    使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form ...

  2. Html学习之十九（表格与表单学习--邮箱注册页面设计）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. html-表单标签

    表单标签 * 可以提交数据到**网站上的服务器,这个过程可以使用表单标签实现 * <form></form>:定义一个表单的范围 - 属性 ** action:提交到地址,默认 ...

  4. [原创]java WEB学习笔记62：Struts2学习之路--表单标签:form,表单标签的属性，textfield, password, hidden，submit ，textarea ，checkbox ，list, listKey 和 listValue 属性，select ，optiongroup ，checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  5. HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

    HTML+CSS学习笔记(5)- 与浏览者交互,表单标签 1.使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务 ...

  6. SpringMVC:学习笔记(5)——数据绑定及表单标签

    SpringMVC——数据绑定及表单标签 理解数据绑定 为什么要使用数据绑定 基于HTTP特性,所有的用户输入的请求参数类型都是String,比如下面表单: 按照我们以往所学,如果要获取请求的所有参数 ...

  7. springmvc表单标签库的使用

    springmvc中可以使用表单标签库,支持数据绑定,用来将用户输入绑定到领域模型. 例子来源<Servlet.JSP和SpringMVC学习指南> 项目代码 关键代码及说明 bean对象 ...

  8. DW课堂练习 用所学的知识去制作一个 （邮箱的注册页面）

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. 关于Spring MVC中的表单标签库的使用

    普通的MVC设计模式中M代表模型层,V代表视图层,C代表控制器,SpringMVC是一个典型的MVC设置模式的框架,对于视图和控制器的优化很多,其中就有与控制器相结合的JSP的表单标签库. 我们先简单 ...

随机推荐

  1. Python小白学习之路（十九）—【文件操作步骤】【文件操作模式】

    一.文件操作步骤 step1:打开文件,得到文件句柄并赋值给一个变量step2:通过句柄对文件进行操作step3:关闭文件 举例: a = open('hello world', 'r', encod ...

  2. 在vue项目中安装使用Mint-UI

    一.Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,具有以下特性:       使用文档: http://mint-ui.github.io/#!/zh-cn Mi ...

  3. Django中指定生成表名的方法

    在模型类中定义元类: class Meta: de_table = 'tableName' #指定表名

  4. 【LeetCode】 617. 合并二叉树

    题目 给定两个二叉树,想象当你将它们中的一个覆盖到另一个上时,两个二叉树的一些节点便会重叠. 你需要将他们合并为一个新的二叉树.合并的规则是如果两个节点重叠,那么将他们的值相加作为节点合并后的新值,否 ...

  5. 一元运算符 +,可用于将变量转换为数字;如果变量不能转换，它仍然会是一个数字，但值为 NaN (不是一个数字)

    一元运算符,可用于将变量转换为数字: var y = "5"; var x = + y; console.log(typeof y);//string 类型 console.log ...

  6. (转)防止人为误操作MySQL数据库技巧一例

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://oldboy.blog.51cto.com/2561410/1321061 防止人 ...

  7. Spring Boot的Servlet简单使用

    当使用spring-Boot时,嵌入式Servlet容器通过扫描注解的方式注册Servlet.Filter和Servlet规范的所有监听器(如HttpSessionListener监听器). Spri ...

  8. Oracle 数据库实例

    Oracle- 数据库的实例,表空间,用户,表之间的关系 一.完整的Oracle数据库通常由两部分组成:Oracle数据库和数据库实例 1.数据库是一些列物理文件的集合(数据文件,控制文件,联机文件, ...

  9. SearchView去掉下划线

    SearchView calSearchView = (SearchView) findViewById(R.id.sv_search_text); if (calSearchView != null ...

  10. flask小demo-数据查询

    mysqlconn-flask.py # -*- coding: utf-8 -*- #coding=utf-8 import os import mysql.connector from flask ...