案例说明：　　　

　　　　- 使用表格实现页面效果
　　　　- 超链接不想要有效果，使用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. Advanced Debugging and the Address Sanitizer

    A debug trick 在异常端点处运行 po $arg1,找出异常信息.  Address Sanitizer 概述 是一个运行时检测工具 发现内存问题 可以用于模拟器和设备 可以发现的问题 ...

  2. 实验三：分别用for、while和do-while循环语句以及递归方法计算n！，并输出算式

    一.用for循环计算n! package for_package; import java.util.*;//导入含有输入类的包 public class for_class { /** * @par ...

  3. Opencv --- 图像像素遍历的各种方法

    #include <opencv2/core.hpp> #include <opencv2/imgcodecs.hpp> #include <opencv2/highgu ...

  4. 【xsy1611】 数位dp 数位dp

    这题是显然的数位$dp$,然而我居然写了一个下午!!! 我们不难想到差分,令$solve(x,y)$表示从第一个数字在区间$[0,x]$,第二个数字在区间$[0,y]$的答案. 不难发现题目中给了你一 ...

  5. (转)使用 DB2 HADR 选择用于灾难恢复的 SUPERASYNC 模式

    使用 DB2 HADR 选择用于灾难恢复的 SUPERASYNC 模式 Vishnu G 和 Hemant Singh2013 年 6 月 25 日发布 WeiboGoogle+用电子邮件发送本页面 ...

  6. 前端的CRUD增删改查的小例子

    前端的CRUD增删改查的小例子 1.效果演示 2.相关代码: <!DOCTYPE html> <html lang="en"> <head> & ...

  7. 9.png图片制作详细教程

    1.背景自适应且不失真问题的存在      制作自适应背景图片是UI开发的一个广泛问题,也是界面设计师渴望解决的问题,我相信我们彼此都深有体会.      比如,列表的背景图一定,但是列表的高度随着列 ...

  8. java学习-struts基础（一）

    struts发展 struts是Apache软件基金会赞助的一个开源项目,是一个基于Java EE的MVC开源实现. 它为Servlet/JSP技术的应用提供技术框架2001.7--Struts1正式 ...

  9. mongodb 数据库备份脚本

    写了小shell bash, 用于给mongodb数据进行备份 #!/bin/bash #backup MongoDB #文件目录 #backup MongoDB #!/bin/bash #backu ...

  10. Python远程连接主机之paramiko模块

    Python的paramiko模块能够连接远程主机,并在该主机上执行命令,和该主机之间进行文件传输.paramiko支持用明文密码登录远程主机和秘钥登录.使用之前要安装一下这个模块哈,pip inst ...