案例说明：　　　

　　　　- 使用表格实现页面效果
　　　　- 超链接不想要有效果，使用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. elasticsearch Geo Bounding Box Query

    Geo Bounding Box Query 一种查询,允许根据一个点位置过滤命中,使用一个边界框.假设以下索引文档: PUT /my_locations { "mappings" ...

  2. Java并发工具类之线程间数据交换工具Exchanger

    Exchanger是一个用于线程间协做的工具类,主要用于线程间的数据交换.它提供了一个同步点,在这个同步点,两个线程可以彼此交换数据.两个线程通过exchange方法交换数据,如果一个线程执行exch ...

  3. PHP中使用CURL模拟登录并获取数据实例

    cURL 是一个功能强大的PHP库,使用PHP的cURL库可以简单和有效地抓取网页并采集内容,设置cookie完成模拟登录网页,curl提供了丰富的函数,开发者可以从PHP手册中获取更多关于cURL信 ...

  4. 第八天，scrapy的几个小技巧

    一. 微博模拟登陆 1. 百度搜微博开放平台可满足爬取量不大的情况 2. 微博模拟登陆和下拉鼠标应对ajax加载 from selenium import webdriver import time ...

  5. mysql编写存储过程（2）

    书接上回. 实例8:if-then -else语句 实例9:case语句: 实例10:循环语句,while ···· end while: 实例11:循环语句,repeat···· end repea ...

  6. 语法糖----C#的async和await

    C# 5.0中引入了async 和 await.这两个关键字可以让你更方便的写出异步代码. public class MyClass { public MyClass() { DisplayValue ...

  7. appt查看应用包报名和入口页面

    appt在哪里? aapt不需要另外安装喔,有安装了adt的,可以直接在adt../sdk/build-tools/android-xx/下,找到aapt,详细路径如图 怎么使用aapt.bat? 直 ...

  8. 【Azure】Publish Error of "%(TargetOSFamily.Identity)" that evaluates to "" instead of a number

    在向Azure部署程序的时候,出现如下错误: A numeric comparison was attempted on "%(TargetOSFamily.Identity)" ...

  9. Xshell 命令后台执行

    但是这样没有在后台启动:因此sh那一行代码需要修改: 前边加上nohup 后边加上& nohup dotnet helloword.dll & 然后,进程启动之后,按任意键进入输入状态 ...

  10. php 按照二位数组中某个指定的字段进行排序

    /** * 按照二维数组中某个指定的某个字段进行排序 * @param $array 需要被排序的数组 * @param $flag 排序的标志 1,SORT_DESC 降序 2,SORT_ASC 升 ...