HTML-简易ATM机

最新推荐文章于 2024-07-25 11:26:35 发布

橙子是唯一的水果

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量1.4k

点赞数 3

文章标签： html js

本文链接：https://blog.csdn.net/czswydsg/article/details/117804854

版权

本文介绍了使用HTML和JavaScript实现一个简单的ATM机模拟操作，包括页面布局和基本功能实现，通过查看ATM.html和ATM1.js文件，可以了解详细的设计和交互效果。

摘要由CSDN通过智能技术生成

ATM.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ATM</title>
	<script src="ATM1.js"></script>
	<style>
		div{
			width: 300px;
			height: 200px;
			margin: 0 auto;
			border:1px solid black;
			border-radius: 5px;
			text-align: center;
			margin: 130px auto;
		}
		p {
			font-size: 20px;
		}
		button {
			border: 0px;
			padding: 5px;
			background-color: green;
			color: white;
		}
	</style>
</head>
<body>
	<div>
		<p>ATM机</p>
		<p><label>卡号：</label><input type="text" id="account"></p>
		<p><label>密码：</label><input type="password" id="password"></p>
		<p><button onclick="login()">登录</button></p>
	</div>
</body>
</html&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

橙子是唯一的水果

关注关注

3
点赞
踩
11

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML-简易ATM机

ATM.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ATM</title> <script src="ATM1.js"></script> <style> div{ width: 300px; height: 200px; margin: 0 auto; b
复制链接

扫一扫