案例说明：　　　

　　　　- 使用表格实现页面效果
　　　　- 超链接不想要有效果，使用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. Flask从入门到精通之大型程序的结构二

    一.程序包 程序包用来保存程序的所有代码.模板和静态文件.我们可以把这个包直接称为app(应用),如果有需求,也可使用一个程序专用名字.templates 和static 文件夹是程序包的一部分,因此 ...

  2. 字蛛fontSpider的使用

    字蛛官方文档 http://font-spider.org/index.html 首先安装全局包  npm install font-spider -g 然后下载字体 ,本次需要的是  "造 ...

  3. jQuery过滤选择器:first和:first-child的区别，CSS伪类:first-child

    最近项目中遇到需求:只在第一列不能删除,不显示小叉号:点击可添加一列,后面的列右上角显示小叉号,可以点击删除. 我是使用以下方法解决这个小需求 :CSS伪类选择器:first-child设置所有小叉号 ...

  4. js03

    我们接着来学习js的一些基础知识点. 1.document: document是window对象的一个属性.window对象表示浏览器中打开的窗口.如果文档包含框架(frame或者iframe),浏览 ...

  5. 怎么将一张100KB以上大小的电子图片压缩成30KB以内

    不多说,直接上干货! 方法一: 怎么将一张100KB以上大小的电子照片压缩成30KB以内. 先将这张100KB以上大小的电子照片,新建一个word,放入.选中照片,右击,另存为,格式依然还是选择.jp ...

  6. 给访问私有变量添加access method

    class TestAccessPrivateVar{ private int a = 1; class MyInner{ /* synthetic final TestAccessPrivateVa ...

  7. 数据库--oracle安装配置(本地安装的步骤及各种问题解决方案)

    oracle版本:Oracle 11g 本地电脑配置:安装内存8G 64为操作系统win8.1 下载Oracle 11g压缩包: 1 网址http://www.oracle.com/technetwo ...

  8. SpringBoot入门 (六) 数据库访问之Mybatis

    本文记录学习在SpringBoot中使用Mybatis. 一 什么是Mybatis MyBatis 是一款优秀的持久层框架,它支持定制化 SQL.存储过程以及高级映射.MyBatis 避免了几乎所有的 ...

  9. Python 工匠：善用变量来改善代码质量

    欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由鹅厂优文发表于云+社区专栏 作者:朱雷 | 腾讯IEG高级工程师 『Python 工匠』是什么? 我一直觉得编程某种意义上是一门『手艺 ...

  10. bet阶段验收互评

    小组名字和链接 优点 缺点,bug报告 最终名次 Gakki赛高[二十四点小游戏] 1.界面与上阶段相比更好了2.新增闯关设计,提升游戏性3.功能完善 1.下载方式不方便2.排行榜设计较为简陋 1 编 ...