html 简单注册页面

最新推荐文章于 2022-04-17 17:48:04 发布
最新推荐文章于 2022-04-17 17:48:04 发布
阅读量411 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunseekers/article/details/107081161
版权 
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Login</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.2/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.2/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.2/demo/demo.css">
    <script type="text/javascript" src="jquery-easyui-1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.5.2/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script>

</head>

<body style="background-image:url(images/all4.jpg);">

    <div>
        <div class="easyui-panel" title="注册" style="width:800px;margin: 0 auto;">
            <div style="padding:50px 100px 100px 250px">
                <!-- 上 右 下  左-->
                <form id="ff" class="easyui-form" method="post" data-options="novalidate:true">
                    <table cellpadding="15">
                        <tr>
                            <td>用户名:</td>
                            <td><input class="easyui-textbox" type="text" name="name" data-options="required:true"></input>
                            </td>
                        </tr>
                        <tr>
                            <td>密码:</td>
                            <td><input class="easyui-textbox" type="password" name="subject" data-options="required:true"></input>
                            </td>
                        </tr>
                        <tr>
                            <td>确认密码:</td>
                            <td><input class="easyui-textbox" type="password" name="password" data-options="required:true"></input>
                            </td>
                        </tr>
                        <tr>
                            <td>性别：</td>
                            <td><input type="radio" name="sex" value="男" checked>男 <input type="radio" name="sex" value="女">女</td>
                        </tr>
                        <tr>
                            <td>生日:</td>
                            <td><input class="easyui-datebox textbox"></td>
                        </tr>
                        <tr>
                            <td>电子邮箱:</td>
                            <td><input class="easyui-textbox" type="text" name="email" data-options="required:true,validType:'email'"></input>
                            </td>
                        </tr>
                        <tr>
                            <td>手机号码:</td>
                            <td><input class="easyui-textbox" type="text" name="subject" data-options="required:true"></input>
                            </td>
                        </tr>
                    </table>
                </form>
                <div style="text-align:center;">
                    <a style="padding:10px" href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">提交</a>
                    <a style="padding:10px" href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()">清除</a>
                    <a href="index.html" style="padding:10px" href="javascript:void(0)" onclick="clearForm()">返回登陆</a>
                </div>
            </div>
        </div>
    </div>



</body>

<script>
    function submitForm() {
        $('#ff').form('submit', {
            onSubmit: function() {
                return $(this).form('enableValidation').form('validate');
            }
        });
    }

    function clearForm() {
        $('#ff').form('clear');
    }

    function isEmail(str) {
        var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
        return reg.test(str); //验证
    }
</script>

</html>

 

是一个橙子
关注
使用html+css+js实现完整的登录注册页面
qq_43580271的博客
08-14 1439
在本教程中，我们创建了一个包含登录和注册功能的基本页面。通过 HTML 定义页面结构，使用 CSS 进行样式设计，并通过 JavaScript 实现页面功能，我们构建了一个功能完备的用户界面。这种基础的设计可以根据需要进一步扩展，例如添加表单验证、与后端 API 集成等。希望这个详细的教程对您有所帮助！如果您有任何问题或建议，请在评论区留言，我们将尽快回复。
HTML_注册页面
weixin_45344430的博客
01-08 318
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h4>.
html简单的注册页面
12-15
很简单的html的网页制作,包含基本的注册功能
html-注册页面
JackieDYH的博客
02-14 928
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册</title> <style type="text/css"> * { margin: 0; padding: 0; } .wrap { ...
一个HTML注册页面
11-06
一个很简单的HTML表单提交页面，还可以扩展成将其提交至jsp页面
用HTML做一个注册页面
m0_60528766的博客
02-06 1万+
学完了HTML的基础知识,做一个小练习巩固一下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册界面</title> </head> <body> <form action="#" method="post"> <table border="1" width="500" align="center"&
HTML简单注册页面源码.rar
04-04
在这个"HTML简单注册页面源码.rar"压缩包中，包含了一个基本的HTML注册页面的源代码。在前端开发中，这样的页面通常用于收集用户信息，如用户名、密码、电子邮件等，以便在网站上创建用户账户。 一个简单的HTML注册...
简单登录注册页面（HTML5、CSS、JS）
03-24
在这个“简单登录注册页面”项目中，HTML5可能使用了如`<header>`, `<nav>`, `<section>`, `<article>`, `<form>`, `<input>`等新元素来定义页面结构。例如，`<form>`用于创建表单，`<input>`则用来创建输入框，如...
简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】
06-13
简单登录注册界面模板（HTML+CSS+JavaScript）【登录注册界面代码】 简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。简单登录注册界面模板（HTML+CSS+JavaScript）。 ...
html简单的登录注册
01-14
首先，登录和注册页面通常包含表单元素，如`<form>`标签，用于收集用户输入的数据。在HTML中，我们可以使用`<input>`标签来创建文本框（text）、密码输入框（password）等，让用户输入用户名和密码。例如： ```html...
html实现用户简单的注册登录
03-06
1.用户可以填写信息 2.单选，多选操作 3.下拉框选择 4.用户名和密码正则表达式校验 5.有任何一项未校验成功（包括空白）都无法注册或提交 6.注册成功后跳转到注册成功界面，注册成功后几秒后再次跳转到注册界面。
html注册网页页面
10-25
基于html，css技术的简单注册网页页面。用css选择器给页面添加各类样式。
登录和注册html页面（简洁美观）
05-25
简洁美观的登录和注册html页面，从17素材网站充钱下载所得，分享出来供大家使用。
注册页面html，适合初学者，完整
06-17
一个简单的注册页面，代码容易理解，适合初学者，简洁，非常实用
简单的注册页面
01-22
简单的注册页面。
html注册界面
01-08
基于HTML和css的注册界面，非常的简单。因为刚开始学习，所以写的不是很好，很简单，还有错误。
html简易注册页面
weixin_56358909的博客
07-01 234
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>练习</title> <style> .div1 { width: 400px; height: 500px; border: 1px solid black; .
HTML注册页面的设计
weighless的博客
04-17 3404
先展示效果图 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
HTML注册页面代码实现（案例）
热门推荐
qq_43113232的博客
09-11 5万+
注册页面 &amp;lt;!--定义表单 form--&amp;gt; &amp;lt;form action=&quot;#&quot; method=&quot;post&quot;&amp;gt; &amp;lt;table border=&quot;1&quot; align=&quot;center&quot; width=&quot;5
html简单注册页面代码
最新发布
06-11
以下是一个简单的 HTML 注册页面的代码示例： ```html <!DOCTYPE html> <html> 注册页面 欢迎注册 用户名: 密码: 邮箱: 电话: 注册"> </html> ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值