扣丁学堂HTML5培训

扣丁学堂HTML5培训简述HTML如何使用表单标签实现注册页面

2019-03-04  本文已影响0人  994d14631d16

  HTML5开发技术在我们目前现有的编程语言中还是很受人们的欢迎与喜爱的,所以不论是已经从业的HTML5开发人员还是想要参加HTML5培训进入到HTML5开发领域中的人都不在少数,本篇文章小编主要是和喜欢HTML5开发技术的小伙伴分享一下HTML使用表单标签实现注册页面的实例代码,希望对小伙伴们有所帮助。

HTML5培训

案例说明:

使用表格实现页面效果

超链接不想要有效果,使用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="images/verycode.png"/><a href="#">看不清换一张?</a></td>

                </tr>

                <tr>

                    <td>&nbsp;</td>

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

                </tr>

            </table>

        </form>

    </body>

</html>

想要了解更多关于HTML5开发方面内容的小伙伴,请关注扣丁学堂HTML5培训官网、微信等平台,扣丁学堂IT职业在线学习教育平台为您提供权威的HTML5视频教程供学员学习,HTML5培训后的前景无限,行业薪资和未来的发展会越来越好的,扣丁学堂老师精心推出的HTML5视频直播课定能让你快速掌握HTML5从入门到精通开发实战技能。

上一篇下一篇

猜你喜欢

热点阅读