首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将文本框拆分为每个字符的多个子文本框

如何将文本框拆分为每个字符的多个子文本框
EN

Stack Overflow用户
提问于 2017-11-15 06:22:52
回答 1查看 1.2K关注 0票数 4

我正在设计一个PHP表单,其中包含一些输入字段,如下图所示。

对于给定的字符串,如何将输入类型( textbox )拆分为单个字符子文本框或将textbox拆分为多列文本框。

以及如何以这种方式将数据插入其中,例如|JOHN DOE||J|O|H|N| |D|O|E|

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-11-15 06:48:25

您可以访问此URL http://jsfiddle.net/w564j/以获取示例

HTML

代码语言:javascript
运行
复制
<input type="text" maxlength="9" id="text"/>

CSS

代码语言:javascript
运行
复制
#text{
    background-image: url("http://3.bp.blogspot.com/-4oAWWCcNNz4/Tjr3nKNyVUI/AAAAAAAAPLU/Pouua-pNsEY/s1600/sq.gif");    
    width: 195px;
    height: 18px;
    background-size: 20px;
    border: none;
    font-family: monospace;
    font-size: 13px;
    padding-left: 5px;
    letter-spacing: 12px;
}
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47300684

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档