输入字段中每个字母的单独框[关闭]

2023-12-23

我的意思是这些boxes https://i.stack.imgur.com/fNBJY.png;我想模仿真实的形式,但我不知道如何去做。我知道普通的 html 是不可能的,可能需要一些 javascript/jquery;也欢迎提供此表格的在线示例!


我认为你不需要任何js。您只需要:

  • 一个盒子的图像
  • 等宽字体
  • 一些使用 CSS 值的方法
  • 一些幻想

请参阅应用于输入字段的 CSS:

#text{
    background-image: url("square.gif");    
    width: 195px;
    height: 18px;
    background-size: 20px;
    border: none;
    font-family: monospace;
    font-size: 13px;
    padding-left: 5px;
    letter-spacing: 12px;
}

这里有一个例子:

http://jsfiddle.net/w564j/ http://jsfiddle.net/w564j/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

输入字段中每个字母的单独框[关闭] 的相关文章

随机推荐