HTML密码输入框居中,按钮事件。
<spanid="mysp">请输入密码:<inputtype="password"onblur="if(this.value=='1234'){document.get...
<span id="mysp" >
请输入密码:
<input type="password" onblur="if(this.value=='1234'){document.getElementById('dataDiv').style.display='block'; document.getElementById('mysp').style.display='none';this.style.display='none'}else alert('密码错误,请重新输入!')" /><input type="submit" value="确定" >
</span>
<div id="dataDiv" class="list_con_info" style="display:none">
<ul>
<li><span>2013-04-23</span><a href="#">自驾遇险解决办法</a></li>
<li><span>2013-04-23</span><a href="#">租车旅游要注意的事项</a></li>
<li><span>2013-04-23</span><a href="#">旅游租车的六个步骤</a></li>
<li><span>2013-04-23</span><a href="#">租车常识,租车须知,如何租车</a></li>
</ul>
</div>
功能,1,输入密码那里密码框居中。2,输入密码时候用确定按钮提交。、3,输入密码时候:****这样的方式 展开
请输入密码:
<input type="password" onblur="if(this.value=='1234'){document.getElementById('dataDiv').style.display='block'; document.getElementById('mysp').style.display='none';this.style.display='none'}else alert('密码错误,请重新输入!')" /><input type="submit" value="确定" >
</span>
<div id="dataDiv" class="list_con_info" style="display:none">
<ul>
<li><span>2013-04-23</span><a href="#">自驾遇险解决办法</a></li>
<li><span>2013-04-23</span><a href="#">租车旅游要注意的事项</a></li>
<li><span>2013-04-23</span><a href="#">旅游租车的六个步骤</a></li>
<li><span>2013-04-23</span><a href="#">租车常识,租车须知,如何租车</a></li>
</ul>
</div>
功能,1,输入密码那里密码框居中。2,输入密码时候用确定按钮提交。、3,输入密码时候:****这样的方式 展开
3个回答
推荐于2016-04-07
展开全部
1. 在 <input 里加上 style="text-align:center"
2. 加上一个form标签,然后在onsubmit事件中检查密码(return false 用来阻止表单提交。)
3. 不用改
<span id="mysp" >
请输入密码:
<form onsubmit="if(document.getElementById('my_form_password').value=='1234')
{document.getElementById('dataDiv').style.display='block'; document.getElementById
('mysp').style.display='none';document.getElementById('my_form_password').style.display='none'; }else alert('密码
错误,请重新输入!'); return false;">
<input id=my_form_password type="password" style="text-align:center" /><input type="submit"
value="确定" ></form>
</span>
<div id="dataDiv" class="list_con_info" style="display:none">
<ul>
<li><span>2013-04-23</span><a href="#">自驾遇险解决办法</a></li>
<li><span>2013-04-23</span><a href="#">租车旅游要注意的事项</a></li>
<li><span>2013-04-23</span><a href="#">旅游租车的六个步骤</a></li>
<li><span>2013-04-23</span><a href="#">租车常识,租车须知,如何租车</a></li>
</ul>
</div>
2. 加上一个form标签,然后在onsubmit事件中检查密码(return false 用来阻止表单提交。)
3. 不用改
<span id="mysp" >
请输入密码:
<form onsubmit="if(document.getElementById('my_form_password').value=='1234')
{document.getElementById('dataDiv').style.display='block'; document.getElementById
('mysp').style.display='none';document.getElementById('my_form_password').style.display='none'; }else alert('密码
错误,请重新输入!'); return false;">
<input id=my_form_password type="password" style="text-align:center" /><input type="submit"
value="确定" ></form>
</span>
<div id="dataDiv" class="list_con_info" style="display:none">
<ul>
<li><span>2013-04-23</span><a href="#">自驾遇险解决办法</a></li>
<li><span>2013-04-23</span><a href="#">租车旅游要注意的事项</a></li>
<li><span>2013-04-23</span><a href="#">旅游租车的六个步骤</a></li>
<li><span>2013-04-23</span><a href="#">租车常识,租车须知,如何租车</a></li>
</ul>
</div>
百事牛
2024-10-28 广告
2024-10-28 广告
作为深圳奥凯丰科技有限公司的一员,我们开发的E电商平台CEL解密大师能够高效解决用户遇到的Excel密码保护问题。若需取消Excel的密码保护,您只需打开软件,选择“解除限制”功能,将需要处理的Excel文件添加至软件中,随后点击“开始”。...
点击进入详情页
本回答由百事牛提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |