HTML密码输入框居中,按钮事件。

<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,输入密码时候:****这样的方式

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>
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-03-26
一楼的没错...如果不行加个margin:0px auto本回答被网友采纳
第2个回答  2013-07-19
一楼的正解哇