javaｓｃｒｉｐｔ实现的方法是，十字线提示输入验证代码消失，输入验证码输入。
最近，微信的最后一页一页遇到之前没有遇到过的，刚开始就不写了，但是当其他的页面写入，或回到这个页面开始，我咨询了手机研发公司，从他那里得到灵感，最终这个效果，给大家看看显示的第一个效果图设计素描 uff1a
输入验证码
完整的输入
以下是实现人人奉献的过程
第一步：编写HTML代码
输入企业提供的验证码来完成签入。
第二步：向代码添加样式
识别标题{
宽度：100%；
边距：100px；
字体大小：14px；
颜色：# 333；
文本对齐：中心；
}
传递框{
职位：相对；
宽度：240px；
身高：40px；
保证金：50px汽车0；
}
通过行{
保证金：0汽车；
宽度：100%；
身高：100%；
}
行框{
浮点数：左；
宽度：40px；
身高：40px；
}
线{。
显示块；
宽度：25px；
身高：3px；
保证金：18px汽车0；
背景：# 000；
}
passinput {。
位置：绝对；
宽度：240px；
身高：40px；
左：0；
顶部：0；
}
inputcont {。
浮点数：左；
宽度：25px；
身高：40px；
保证金：0 7.5px；
Z指数：2；
字体大小：30px；
颜色：# 333；
行高：40px；
文本对齐：中心；
背景：无；
}
第三步：编写js代码
$（函数（）{（））
仅输入控制输入和数字输入框。
$（。inputcont一）重点（）；
$（行）。隐藏（）
指针函数（）{
无功txts = on.getelementsbytagname（输入）；
对于（var i = 0；i < txts.length；i++）{
var t = txts {我}；
t.index =我；
t.setattribute（只读
t.onkeyup =函数（）{
如果（这个值= this.value.replace（ / / g，''））{
VaR下= this.index + 1；
如果（下> txts.length - 1）返回；
txts {一}。removeattribute（只读）；
txts {一}。焦点（）；
其他{ }
$（这个）焦点（）；
}
}
}
txts { 0 }。removeattribute（只读）；
}
当焦点后面的行消失时，输入框
$（。inputcont一）。焦点（函数（）{）
$（行）。隐藏（）
}）
$（。inputcont两）。焦点（函数（）{）
$（行）。隐藏（）
}）
$（。inputcont三），专注（函数（）{）
$（行三）。隐藏（）
}）
$（。inputcont四），专注（函数（）{）
$（行四）。隐藏（）
}）
$（。inputcont六），专注（函数（）{）
$（行六）。隐藏（）
}）
$（。inputcont五），专注（函数（）{）
$（行五）。隐藏（）
}）
}）
以上是一个小的方式来介绍Javaｓｃｒｉｐｔ来实现水平线提示输入验证码与输入验证码输入的消失，我们希望能帮助你，如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。