1使用form表单事件最简单的账号密码登录的数据提交，代码如下lt！DOCTYPE htmllthtmlltbodyltform action=quotloginphpquot用户名ltbrltinput type=quottextquot name=quotfirstnamequot value=quot请输入账号quotltbr密码ltbrltinput。

1首先打开html编辑器，新建一个html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入以下html代码ltinput type=quottextquot placeholder=quot请输入账号quot ltinput type=quotpasswordquot placeholder=quot请输入密码quot。

function TJ var a=f1userNamevaluevar b=f1Pwdvalueifa==111 b==123 alertquot登录成功quotdisp=openquotquot，quotresultquotreturn false else alertquot用户名或密码错误quotreturn false。

function password var testV = 1var pass1 = prompt#39请输入密码#39， #39#39while testV lt 3 if ！pass1 historygo1if pass1 == quotquot alert#39密码正确！#39break testV +。

lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltheadltbodyltform action=quotquot密码ltinput type=quotpasswordquot name=quotquot id=quotquotltformltbodylthtml。

1首先，给 HTML 页面里的用户名和密码输入框都定义一个id属性，例如用户名密#160#160 码2其次，放置一个按钮登录 3编写 javascript 脚本代码，主要思路如下1为按钮增加一个 click 的监听，当。

ltinput type=#39password#39 CSS样式表设置背景图片，图片为几个格子，格子大小和密码框的字体需要自己调试其实那个格子是假的。

用js吧，但是密码得是你和你朋友约定好的，写死到js里面，html中密码输入框ltinput type=quotpasswordquot id=quotpasswordquot name=quotpasswordquot 加个按钮ltinput name=quotaquot type=quotsubmitquot value=quot登 录quot onclick=quotcheck。

ltscript language=quotjavascriptquot var pwd=quotquotpwd就是原始密码 var name=promptquot请输入密码quotifname！=pwd判断输入得和原始密码是否一致 alertquot密码不正确quotreturn不一样则阻止下载 else。

JS就可以了 单做一个JS跳转页面 输入正确进入主页面，输入错误弹出。

3input框被其他元素挡住这种情况是浮动和zindex引起，它的特点是点击input元素不会出现选中状态，排查一下html的结构，可以找到问题4设置了用户不可选中文本浏览器的一些适配问题，导致设置的userselect影响。

这个是需要后台语言配合的，表单submit以后，服务器发送一个 页面重定向指令，如果你写的后台语言是PHP的，那 点了 登陆提交以后 lt ？php 重定向浏览器 输入你需要跳转的网页链接headerquotLocation。

直接给密码框赋值就可以了，value=值就可以了，没你想的那么麻烦，根本不用js实现，直接从后台取出密码，前台显示，跟正常的text一样。

1打开开发工具ecplipse，点击ecplipse导航栏上的FileNewMaven Project，来新建个WEB工程2新建好WEB工程后，在pox文件里添加所需要依赖的jar包3jar导入后，在WEB工程下的source文件里新建包路径。

onfocus显示 oninput隐藏即可，可以加判断如果内容为空，显示。

可以在发布文章的时候可以把文章类型设置成私人文章，这样只有在登录状态下才能查看文章的更多的内容可以去zblog仿站乐园看下。