Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
输入类型=数字中的HTML自定义格式_Html_Css_Input - Fatal编程技术网

输入类型=数字中的HTML自定义格式

输入类型=数字中的HTML自定义格式,html,css,input,Html,Css,Input,我想在中添加自定义空白或其他字符 我想用它来分隔数字,所以它看起来像: [ 2222 - 111 ] 或 高度赞赏任何(CSS)黑客 input type=“number”需要一个整数,因此无法进行任何格式化 从 重要提示:请记住,从逻辑上讲,您不能在数字输入中输入数字以外的字符 添加破折号或空格后,它将变成字符串而不是数字,因此需要不同类型的输入 为了用数字输入模拟您的示例,我建议使用多个输入字段和HTML/CSS进行样式设置 span{ 显示:内联块; 字体大小:16px; 填充:10p

我想在
中添加自定义空白或其他字符

我想用它来分隔数字,所以它看起来像:

[ 2222 - 111 ]

高度赞赏任何(CSS)黑客

input type=“number”
需要一个整数,因此无法进行任何格式化

重要提示:请记住,从逻辑上讲,您不能在数字输入中输入数字以外的字符

添加破折号或空格后,它将变成字符串而不是数字,因此需要不同类型的输入

为了用数字输入模拟您的示例,我建议使用多个输入字段和HTML/CSS进行样式设置

span{
显示:内联块;
字体大小:16px;
填充:10px;
利润率:30像素;
边框:1px实心#aaa;
边界半径:3px;
}
输入{
边框:0非透明;
背景:无;
最大宽度:60px;
字体大小:16px;
字母间距:2px
}
输入:焦点{
大纲:无;
}

- 

根据文档不可能。。。您需要使用常规输入字段,并编写一些JS来处理格式设置。你可以通过一些javascript黑客来实现这一点。之前也有人问过类似的问题并回答过:我从2个输入开始。我想要的是字段内数字的光学分离,数字本身不应该改变,你仍然需要两个字段来完成。您仍然可以让它看起来像用户的一个字段。我将用一个例子更新我的答案。否。由于许多原因,我需要一个数字字段。其中一个问题是滚动,而答案是:无法设置数字输入格式。如果你需要修改格式化,你的需求是一个单一的输入字段,那么你就应该使用<代码>类型=文本< /C> >不>代码>类型=编号< /Cord> >我希望能找到类似于像这里的图标化输入的东西,而应该是在字段的中间。
[ 2222   111 ]