HTML_登陆框

最新推荐文章于 2023-04-05 21:25:41 发布
最新推荐文章于 2023-04-05 21:25:41 发布
阅读量995 收藏
点赞数
分类专栏： 代码收藏整理 文章标签： html textbox button server asp xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdou/article/details/6965739
版权 
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>无标题页</title>
    <style type="text/css">
    .fab{font-size:12px;padding:3px;background: #f8f9ff;border: 1px solid #c4c9fd;color:#6C63A3}
    .fabt{font-size:12px;padding:3px;border:1px solid #f7ca06;background:#fffbca;color:#cb6a24}
    .fabtt{font-size:12px;padding:3px;background: #f8f9ff;border: 1px solid #c4c9fd;color:#6C63A3}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <center>
       <table width="300px" cellpadding="0" cellspacing="0" style="border-right: #99ccff 1px solid; border-top: #99ccff 1px solid; border-left: #99ccff 1px solid; border-bottom: #99ccff 1px solid">
          <tr>
              <td colspan="2">
                  控房系统登陆</td>
          </tr>
          <tr>
            <td style="width: 114px" align="right">
                帐号：</td>
            <td align="left">
                <asp:TextBox ID="TextBox1" CssClass="fab" οnkeydοwn="this.className='fabtt';" οnblur="this.className='fabtt'" οnfοcus="this.className='fabt';" runat="server"></asp:TextBox></td>
          </tr>
          <tr>
            <td style="width: 114px" align="right">
                密码：</td>
            <td align="left">
                <asp:TextBox ID="TextBox2" CssClass="fab" οnkeydοwn="this.className='fabtt';" οnblur="this.className='fabtt'" οnfοcus="this.className='fabt';" runat="server"></asp:TextBox></td>
          </tr>
          <tr>
              <td colspan="2">
                  <asp:Button ID="Button1" runat="server" Text="确　定" />
                  <asp:Button ID="Button2" runat="server" Text="取　消" /></td>
          </tr>
       </table>
       </center>
    </div>
    </form>
</body>
</html>

html
csdou
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5 登录框设计
huzijia888的博客
11-20 2239
#s1{ width:300px; height:220px; border:2px solid #00FFCC; } #s2{ position:absolute; width:300px; height:50px; top:180px; background-color:#D8D8D8; } .lef{ position:absolute; left:40px;
HTML登陆框
08-09
本教程将详细讲解如何创建一个基础的HTML登录框。 首先，我们需要理解HTML的基本结构。HTML（HyperText Markup Language）是一种标记语言，用于构建网页内容和布局。一个简单的HTML文件通常包括`<!DOCTYPE html>`...
【HTML】登录框
xhdxhdxhd的博客
10-28 514
效果图 布局思路 外部定义一个较大的框，垂直方向上有两行，第一行是上面黑色的头部和一个X图标；第二行使用垂直布局，三行，并使用 justify-content主轴对齐， align-items: 交叉轴居中。 代码实现 HTML: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head>...
html在线登录框架,登陆.html
weixin_33176326的博客
06-01 149
dodou-移动框架html,body{width: 100%;height: 100%;}body{background:url(images/temp/login.jpg) no-repeat;background-size:cover;}.logo{margin:0 auto;padding:6% 8%;text-align: center;}.logo img{width: 50%;}.w...
html和css写登录框
qq_45624685的博客
06-30 388
html和css写登录框 页面如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录框</title> <link rel="stylesheet" href="./font_2640846_nirlsbslt9/iconfont.css"> <style type="text/css"> body
登陆框+html,一个简易的登陆框html(table)+css
weixin_39553458的博客
06-22 227
登陆框 *{margin:0;padding:0;} .login{ width:334px; height:220px; margin:0 auto; position:absolute; left:40%; top:40%; } .login_title{ color: #000000; font: bold 14px/37px Arial,Helvetic...
js.rar_登陆界面 js
09-24
综上所述，"js.rar_登陆界面 js"这个项目涵盖了前端开发中基础的HTML结构、JavaScript事件处理、表单验证、用户交互等多个重要知识点，对于理解和实践Web开发具有很高的价值。在实际应用中，还需要结合服务器端逻辑...
web-login2.zip_WEB 登陆_html web_html 登陆界面 源码_登陆页
09-24
"WEB 登陆_html web_html 登陆界面 源码_登陆页" 这个描述揭示了这个压缩包的核心内容，即一个用于网页登录的HTML模板，以及相关的源代码，方便开发者进行定制和修改。 【知识点1】HTML登录界面设计： HTML...
ui.rar_登陆界面
09-23
【UI设计与登陆界面开发】 UI（User Interface）设计是构建用户与计算机系统交互的关键环节，它关注于软件、网站或应用的外观和感觉。在本案例中，“ui.rar_登陆界面”是一个压缩包，其中包含了一个类似QQ登录界面...
星空登陆界面html+CSS框架
11-13
"星空登陆界面html+CSS框架"是一个项目，旨在创建一个以星空为主题的登录界面，利用这两门语言的优势，为用户提供美观且功能齐全的登录体验。下面我们将深入探讨这个项目所涉及的关键知识点。 首先，HTML...
几种html登陆框源码
05-16
HTML登陆框源码 很好的，很静待，很实用的经典HTML源代码登陆框，传给新手学习下。
html登录界面，很好看
12-11
中间是一个大圆，然后是用户名和密码 以及按钮 中间是一个大圆，然后是用户名和密码 以及按钮中间是一个大圆，然后是用户名和密码 以及按钮中间是一个大圆，然后是用户名和密码 以及按钮中间是一个大圆，然后是用户名和密码 以及按钮
html写登录框中的字,一个登录界面的PS设计和HTML/CSS实现
weixin_30111277的博客
05-31 408
这样的登录界面可用在网站、桌面软件、Web软件等上面，你可以根据自己的需求改变界面配色。好的，先看看界面最终设计的效果：1、创建登录界面的背景在Photoshop中，选择“圆角矩形工具”，设置半径为10px。将前景色设置为#aeaeae。然后绘制如下的矩形框。尺寸大小取决于你自己。下面为这个登录背景框添加图层样式：透明度为 40%添加阴影:渐变叠加：从黑到白，具体参数如下:这时背景框的效果如下：2...
HTML简单登录界面
GGGGGGGreat的博客
03-01 436
用户登录.html <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="style...
实战HTML：登陆界面的实现
KaiSarH
10-30 1万+
登陆界面的实现
使用Html做一个简单的登陆页面
热门推荐
桑稚远方的博客
04-05 4万+
有了登录按钮后，在我们的认知下，肯定按了登录会跳到下一个页面，但是今天只是展示做一个简单的登陆界面，就不写跳转和账号密码验证了；登录页面一般就是账号和密码，另外还需要验证码验证需求，这三个常见的属性是一个项目登陆界面重要组成要素；2.账号密码有了之后，下一步就需要登录了，登录是一个按钮，按钮是一个标签。，所以就不使用验证码了，因为验证码在一个项目中是放在后端的，这次就不做演示；不好意思兄弟们，本人没有美感，尽力了，你们自己找好看的点自己修改；如下面的代码，这一步很简单；
html实现登录界面
qq_46578318的博客
06-10 2万+
一、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login</title> <style> * { margin: 0; padding: 0; } html {
简单的html登录界面
m0_54149550的博客
05-29 3万+
登陆界面效果图
HTML写一个登录框样式
TISRNW的博客
09-19 1万+
以QQ空间的登陆框为例，原先的代码很复杂，还涉及了其他的知识，对于刚刚接触的人来说想写一点点样式来练练手的话可以看一下。 写好之后是这个样子 下面是代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <styl...
JavaScript登陆框功能
最新发布
05-24
JavaScript 登录框功能可以通过以下步骤实现： 1. 创建一个登录框的 HTML 结构，包括用户名和密码输入框、登录按钮等元素。 2. 使用 JavaScript 获取输入框中的值，将其存储在变量中。 3. 对用户输入的用户名和密码进行校验，可以在前端进行简单校验，也可以通过 Ajax 请求后端进行校验。 4. 如果校验通过，则跳转到登录成功页面，否则提示用户输入有误。 下面是一个简单的示例代码实现： HTML 代码： ``` <div class="login"> <input type="text" id="username" placeholder="请输入用户名"> <input type="password" id="password" placeholder="请输入密码"> <button onclick="login()">登录</button> </div> ``` JavaScript 代码： ``` function login() { // 获取用户名和密码输入框中的值 var username = document.getElementById("username").value; var password = document.getElementById("password").value; // 对用户名和密码进行校验 if (username === "" || password === "") { alert("请输入用户名和密码"); return; } // 发送 Ajax 请求，校验用户名和密码 // ... // 登录成功，跳转到登录成功页面 window.location.href = "success.html"; } ``` 上述代码仅供参考，实际实现中还需要考虑安全性、用户体验等方面的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值