资讯专栏INFORMATION COLUMN

html-使用表单标签实现注册页面

taoszu / 1032人阅读

摘要:案例说明使用表格实现页面效果超链接不想要有效果,使用如果表格里面的单元格没有内容,使用空格作为占位符使用图片标签提交表单图片的路径完整代码欢迎登录此页面注册邮箱您还可以使用手机号注册或者使用账号注册创建密码真实姓名性别女男生日年月

  案例说明:   

    - 使用表格实现页面效果
    - 超链接不想要有效果,使用href="#"
    - 如果表格里面的单元格没有内容,使用空格作为占位符  
    - 使用图片标签提交表单

完整代码:

<html>
    <head>
        <title>Worldtitle>
    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> 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> td>
                    <td><img src="images/verycode.png"/><a href="#">看不清换一张?a>td>
                        
                tr>
                <tr>
                    <td> td>
                    <td><input type="image" src="images/btn.png">td>
                        
                tr>
            table>
        form>
    body>
html>

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1620.html

相关文章

  • JavaScript 基础知识 - DOM篇(一)

    摘要:前言本篇文章是基础知识的篇,如果前面的基础知识入门篇看完了,现在就可以学习了。基本概念分为三个部分。在这个基础上使用一些新特性,高级浏览器支持,低级浏览器不支持。在对象中的属性是一个布尔值,只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言 本篇文章是JavaS...

    cuieney 评论0 收藏0
  • 利用angular4和nodejs-express构建一个简单的网站(九)—用户登录

    摘要:好了,废话少说,继续吧这一章主要讲利用控制用户登录。在前面的用户注册表单中使用了的响应式表单。在构造函数中声明了一个对象一个对象和对象对象。并在构造函数中用的方法更新了网页的标题。接下来导航到下一个页面,并提示用户登录成功。 最近工作比较忙,一直没有更新文章。原来看别人的文章感觉很过瘾,现在自己写才发现,要坚持下去真的很难。好了,废话少说,继续吧!这一章主要讲利用angularJs控制...

    Snailclimb 评论0 收藏0
  • 利用angular4和nodejs-express构建一个简单的网站(九)—用户登录

    摘要:好了,废话少说,继续吧这一章主要讲利用控制用户登录。在前面的用户注册表单中使用了的响应式表单。在构造函数中声明了一个对象一个对象和对象对象。并在构造函数中用的方法更新了网页的标题。接下来导航到下一个页面,并提示用户登录成功。 最近工作比较忙,一直没有更新文章。原来看别人的文章感觉很过瘾,现在自己写才发现,要坚持下去真的很难。好了,废话少说,继续吧!这一章主要讲利用angularJs控制...

    opengps 评论0 收藏0
  • Python学习之路18-用户账户

    摘要:通过的定制字段的输入小部件,将文本框的宽度设置为列,而不是默认的列。为此将创建一个新的应用程序,其中包含处理用户账户相关的所有功能。该函数将会为通过了身份验证的用户对象创建会话。 《Python编程:从入门到实践》笔记。本篇记录如何创建用户注册系统,如何实现用户输入自己的数据。 1. 前言 在本篇中,我们将: 创建一些表单,让用户能够添加主题和条目,以及编辑既有的条目; 实现一个身份...

    bovenson 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<