m0_59420968 2021-06-19 18:58 采纳率: 50%
浏览 414
已采纳

html用户登录页面

 1.用户登录 输入账号、密码。2.如果账号和密码验证通过，则打开主界面，否则提示错误。界面要求 账号，要求长度在6-20个字符。密码，要求长度在5-15个字符。按钮，登录，类型submit。要求采用表单提交。3. 功能要求 表单中action值为user.html。表单method="post"。点击“登录”按钮，根据规则验证输入的账号和密码，都是必填项，有长度限制。根据自己的情况，可以设定一个默认的账号和密码作为验证通过的数据，如账号qzm123，密码为Test_002。

  • 写回答

3条回答 默认 最新

  • CSDN专家-sinJack 2021-06-19 19:11
    关注

    如有帮助，望采纳。点击我回答右上角【采纳】按钮。

    <html>
	<head>
		<title>
			用户登录界面
		</title>
		<meta charset="utf-8">
		<script>
			function checkUser(){
				var username = document.getElementById("username").value;
				if(username == ""){
					document.getElementById("tishiUsername").innerHTML ="用户名不能为空";
					return;
				}else{
                    document.getElementById("tishiUsername").innerHTML ="";
                    if (username.length<6 || username.length>20) {
                        document.getElementById("tishiUsername").innerHTML="账号，要求长度在6-20个字符";
                    }
				}
				
				var pwd = document.getElementById("pwd").value;
				if(pwd == ""){
					document.getElementById("tishiPwd").innerHTML ="密码不能为空";
					return;
				}else{
					document.getElementById("tishiPwd").innerHTML ="";
					if(pwd.length<5 || pwd.length>15){
						document.getElementById("tishiPwd").innerHTML ="密码，要求长度在5-15个字符";
						return;
					}
				}
				
			}
		</script>
		<style>
			span{
				color:red;
			}
		</style>
	</head>
	<body>
		<form action="user.html" method="post" align="center" onsubmit="return false">
			<p>
				账号：
				<input name="username" id="username">
				<span>*</span>
				<span id="tishiUsername"></span>
			</p>
			<p>
				密码：<input type="password" name="password" id="pwd">
				<span>*</span>
				<span id="tishiPwd"></span>
			</p>
			<p><input type="submit" value="登录" onclick="checkUser()"></p>
		
		</form>
		

	</body>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 用JSP编程语言实现一个用户登录页面
    2024-09-09 15:52
    在探讨如何使用JSP编程语言实现一个用户登录页面之前，我们需要了解JSP的背景与基本概念。JSP，即Java Server Pages，是一种用于开发动态Web页面的技术。它允许开发者将Java代码嵌入到HTML页面中，服务器在页面被...
  • 基于Python编程语言的木兰编程语言功能重写设计源码
    2024-10-03 14:09
    该项目的全称为“基于Python编程语言的木兰编程语言功能重写设计源码”，是一项技术性工作，目的是对木兰编程语言进行功能上的全面重写。木兰编程语言之所以需要重写，是因为它被外界认为是“Python套壳”或“换皮”...
  • 鸿蒙系统主要编程语言.md
    2024-09-29 13:36
    鸿蒙系统不仅支持丰富的编程语言，还通过ArkUI等框架简化了开发者界面设计的难度，为构建高性能的智能设备应用提供了强有力的支持。随着鸿蒙系统的不断演进和完善，预计将会吸引越来越多的开发者加入鸿蒙生态，共同...
  • 基于多种编程语言的考研笔记设计源码
    2024-09-29 17:06
    HTML页面的使用表明该项目具有一个用户界面，用户可以通过Web浏览器访问该笔记系统。这些页面可能包括笔记的输入、展示、编辑和管理界面，为用户提供了一个友好的交互环境。而JavaScript和CSS文件的加入，则是为了...
  • 基于多种编程语言的编程导航网站设计源码
    2025-02-17 04:12
    该项目是一款综合性编程导航网站设计源码，采用多种编程语言打造，共计457个文件，涵盖141个JPG图片、54个JavaScript/TypeScript脚本、45个PNG图片、35个TypeScript类型定义、30个React组件、24个HTML页面、22个...
  • 基于Python、C++和HTML语言的每日一题编程训练设计源码
    2024-10-04 06:32
    在这个项目中，我们看到了一个综合性编程训练系统的构建，它使用了当前流行的编程语言和技术来实现一个特别的每日一题编程练习平台。该平台主要由三种编程语言构成：Python、C++以及HTML。通过这三种语言的结合，...
  • iptv.tar.gz_界面编程_HTML_
    2021-08-11 16:00
    界面编程可以使用各种编程语言和框架实现，如HTML、CSS、JavaScript、JavaFX、Qt、SwiftUI等。在IPTV系统中，界面编程尤为重要，因为它直接影响到用户对电视服务的满意度和使用体验。 **HTML（超文本标记语言）**：...
  • html叫编程语言吗,为什么HTML不是一种编程语言?
    2021-06-08 15:20
    山林公子的博客 为什么HTML不是一种编程语言?它是一种编程语言。如果它不被认为是一种编程语言，那么这是一个迹象，他们无法理解基本的英语或语义作为一个整体。顺便说一下，我有计算机科学一等荣誉学位。我对语义的基本逻辑也很...
  • Html和css算是编程语言吗,不被承认的编程语言
    2021-06-12 15:25
    裴梵海的博客 但是基本每一个程序员都知道这一门不被承认的编程语言——HTML为什么他不被承认呢?HTML是 HyperText Markup Language (超级文本标记语言)首字母缩写。它属于网页编程语言(Web programming language)中的一种。它是...
  • 《图形用户界面编程》课件.ppt
    2025-09-07 01:14
    图形用户界面编程简称GUI编程，是一种利用图形元素如窗口、按钮和菜单来构建交互式应用程序的开发方式，它能够显著提升用户体验。GUI编程课程内容广泛，涵盖了桌面应用、移动应用和Web应用的GUI编程实现，以及从基础...
  • 没有解决我的问题, 去提问