javascript js 输入框不能输入

最新推荐文章于 2024-04-23 11:24:15 发布

原创最新推荐文章于 2024-04-23 11:24:15 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个用于500MI网站的会员登录弹窗设计，该弹窗使用了绝对定位，并设置了较高的层级显示优先级(z-index:1000)，确保在页面上的可见性和可用性。登录框居中显示，包含用户名与密码输入框及登录、取消按钮。

可以设置

z-index:1000

<div id=win
	 style="display:none;
     POSITION:absolute;
     left:50%;
     top:50%;
     width:200px;
     height:200px;
     border:1px solid #888;
     background-color:#edf;
     text-align:center;z-index:1000">500mi会员登录<br>
	<div id="login">
		<h1>500MI</h1>
		<form method="post">
			<input type="text" required="required" placeholder="用户名" name="u"></input>
			<br>
			<input type="password" required="required" placeholder="密码" name="p"></input>
			<br>
			<button class="but" onclick="closeLogin()">取消</button><button class="but" type="submit">登录</button>
		</form>
	</div>
</div>