如何在Materilaize输入字段中更改then数字格式？
在Materialize中，可以使用JavaScript和CSS来更改输入字段的数字格式。以下是一种常见的方法：
- 使用JavaScript：
- 首先，为要更改格式的输入字段添加一个唯一的ID或类名。
- 在JavaScript中，使用
document.getElementById或document.getElementsByClassName获取输入字段的引用。 - 使用
addEventListener方法为输入字段添加一个事件监听器，例如input事件。 - 在事件处理程序中，使用
toLocaleString方法将输入字段的值转换为所需的数字格式。 - 将转换后的值设置回输入字段，可以使用
value属性。 - 示例代码：
- 示例代码：
- 使用CSS：
- 首先，为要更改格式的输入字段添加一个唯一的ID或类名。
- 在CSS中，使用
input[type="number"]选择器选择输入字段。 - 使用
-moz-appearance和-webkit-appearance属性来禁用默认的数字输入样式。 - 使用
text-align属性来设置数字的对齐方式。 - 使用
padding属性来调整数字的间距。 - 示例代码：
- 示例代码：
- 示例代码：
请注意，以上示例仅为演示目的，具体的数字格式和样式可以根据实际需求进行调整。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我一直在寻找如何在Materialize CSS中更改输入数字格式的方法，但到目前为止还没有找到任何方法。有没有办法改变输入数字的格式？ ?
浏览 18提问于2020-10-07得票数 0
回答已采纳
我现在的问题是，如何设置不同语言/国家/地区的数字格式？例如，在德语中，应使用逗号(,)而不是句点(.)设置值的格式。如果用户更改了号码，则在我将号码发送回rest服务时，号码应该转换为.而不是,。这也应该适用于更大的数字，如90,000.00，在德语中应该是90.000,00 ...如果我使用angular-locale_de-at.js，我可以用下面的代码格式化正常输出中的数字</em
浏览 0提问于2013-10-24得票数 2
1回答
如何在用户键入时格式化文本字段的内容。具体来说，我想在数字中添加上千个分隔符。长期以来，我一直在寻找这个问题的解决方案，并尝试了许多例子，但现有的答案(如)都不令人满意。
非常感谢!
浏览 1提问于2015-04-17得票数 2
3回答
我正在创建一个表单，其中一个字段用于输入数字。如何在下面的文本字段中以文本格式显示数字的值？
例如:如果我在文本字段中输入数字2000，该数字将显示在下面的单词(“两千”)中。
浏览 0提问于2011-10-12得票数 0
回答已采纳
我的rails应用程序有一个字段，用户可以输入他们的联系人号码，我使用tel:就像这样显示：因此，如果用户在电话字段中输入一个数字，如：0176-40206387，则显示也将是0176-40206387。如果用户在电话字段中输入一个数字，如：017
浏览 2提问于2016-10-20得票数 1
回答已采纳
我有一个输入字段，它接受10个连续数字，并在输入最后一个数字后将该数字格式化为xxx-xxx-xxxx格式的电话号码。它还允许用户以10位序列的形式输入上述格式的数字。我也有一个弹出，一旦用户更改了值(在本例中，如果值与以前不同，当用户选项卡/单击字段时)。由于我添加了值转换器，每当将数字格式化为10
浏览 5提问于2015-12-22得票数 2
回答已采纳
1回答
我正在使用它的一部分()format: 'DD MMMM YYYY'
但是，如果输入字段输入类似于"23/02/2016“或"15 10 2018”的值并进行提交，则输入值将更改为“1月23日”和“2018年1月15因此，我需要获得DD MMMM YYYY中的日期格式，并且能够输入日期的数字</e
浏览 3提问于2016-03-11得票数 0
回答已采纳
1回答
我必须填写一个表格(在create页面中)，输入很多数字，其中大多数都大于1000 (1000)，所以当我编写数字时，它们没有任何格式(我知道这是显而易见的)，然后在创建之后，当显示页面显示数字时，可以看到数字有一种格式当我调用编辑页面来编辑记录时，表单的输入被格式化的数字填充，就像在显示页面中一样，它在某些结果字段中产生错误，因为我必须在页面加载后进行一些计算。如何在</
浏览 2提问于2013-11-28得票数 0
我使用数字格式国际化作为输入字段。e.g.my输入字段将输入值为12,555.8，但当我提交表单时，我希望使用值12555.8而不带逗号。
浏览 1提问于2018-06-30得票数 2
回答已采纳
我使用NSNumberFormatter为我的NSTextField制作数字，如1.23显示为+1.23，-1.23为-1.23。一切都很好，直到我尝试直接输入到文本字段。如果我输入了1.23并按回车，表单会通过抱怨无效格式来拒绝这个数字。这里怎么了？
我已经在IB中完全设置了格式，Format(+)字段是+0.00，Format(-)字段是-0.00。
浏览 2提问于2014-03-11得票数 0
回答已采纳
1回答
到目前为止，该应用程序将后端用户输入作为文本区域输入字段中的文本，并将此纯文本保存到数据库中。例如，我如何在play-template中显示纯html？如果我使用尖括号，它将从<更改为<
谢谢!
浏览 1提问于2013-11-19得票数 1
我想知道如何在matlab中改变数字格式。为了更清楚地说明:我有3个EditFileds，用户在其中两个字段中输入一个数字，然后按一个claculate按钮，将两个值相加并将答案输出到第三个EditField中。一切都很好。然而，如果数字输出大于9999，那么我得到可怕的指数形式，如1.0e+04，我如何告诉matlab产生更多的位置值？我得到的不是1.0e+4，而是10,000
浏览 0提问于2018-04-18得票数 2
回答已采纳
1回答
如何在不格式化和小数值(如: 125478521478)的情况下将数字更改为每3位数字有空格的字符串(如: 24 148 147)，它必须转换这些数字中的100位，所以我正在寻找有效的解决方案。
浏览 1提问于2014-06-19得票数 0
回答已采纳
4回答
Phonegap>android因此，我想有一个文本字段，但它应该显示数字垫上点击。有可能吗？
浏览 15提问于2013-09-24得票数 8
回答已采纳
我的文本字段值格式是00.00。如果我输入4位数字(1234)，我的文本字段应该自动调整12.34格式。如何在keyup的javascript中实现此操作？
浏览 0提问于2015-07-29得票数 0
回答已采纳
1回答
我正在尝试用Swing创建一个密码域，但同时也应用了一种格式。我的意思是，我希望密码字段被视为格式化的字段(遵循指定的格式，如6个数字，每两个数字以-分隔)，但不显示输入，行为类似于密码字段，每个字母只显示*。这有可能吗？
提前感谢，干杯
浏览 2提问于2011-06-08得票数 1
回答已采纳
我想让用户在文本字段中输入数字，一旦文本框失去焦点。该数字的格式为逗号。文本字段失去焦点我如何在Grails中实现这一点。我已经看过但它不能解决我的问题，因为数字</em
浏览 1提问于2010-05-20得票数 1
通知一个',0.00‘部分修复我的问题，为什么将显示限制在两个小数位，但有超过两个小数位的字段。此外，我的Integer字段在显示中显示小数位。我试图在MapRules中为Integer字段创建规则，但问题仍然存在。提前感谢！
浏览 3提问于2016-08-17得票数 0
回答已采纳
1回答
具体来说，我们将观看20分钟的长视频，并记录视频子部分中某些行为的发生率(每分钟发生)。例如，“在2:06至4:30的剪辑中，演讲者平均每分钟问观众2.5个问题。”用户应该能够输入某些事件的计数，然后电子表格将该数字除以经过的时间，并计算每分钟的速率。我很难想出一种在谷歌单张中输入时间值的方法，而不把它们当作24小时内的实际时间。例如，22:40不应该指早上00: 22 : 40或晚上10:40；我的意思是22分40秒。然后，我可以简单地把出现的次数(例如8个问题)除以这个数字(1.67
浏览 6提问于2022-11-29得票数 -1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
