Question

我的表单中有一个/Users/youpude/Library/Developer/CoreSimulator/Devices/87D0245A-47F7-4741-81B2-209625CB3C5E/data/Containers/Bundle/Application/47B3AD1F-C08E-4E34-8858-494A95FB9EA5/test_sqlite.app/db_fo_dic.sqlite字段，如下所示：

<input>

如何更改<input class="form-control" data-filter="M" id="id_options_price" name="options_price" tabindex="141" type="text" value="121000.00">的演示文稿，允许在某个页面上显示此字段为121 000,00（数字组之间有空格），保留input和{{1} }属性，因为它们。

有没有办法用JS做到这一点？

Answer 1

这个解决方案可能很明显而且很愚蠢：您可以使用2个元素来执行此操作。

一个输入元素＆＃34;隐藏＆＃34;类型和表单的值。一个带有CSS样式的div元素，仅用于向用户显示。

我认为您无法修改输入标记的样式以实现纯CSS的目标。据我所知，输入作为特定元素，其显示的某些部分不合时宜。

编辑：由于问题略有改变，这个答案可能无关紧要。

Answer 2

“有没有办法用JavaScript做到这一点？”

假设它正在引用对象复制方法，是的，我可以在JQuery中向您展示。

我们只需在输入后插入一个新元素：

admin

并隐藏原始输入：

false

当然，应该在页面加载后调用这些行，i。即：

class ApplicationController < ActionController::Base

  def configure_permitted_parameters
    devise_parameter_sanitizer.for(:sign_up) << :first_name
    devise_parameter_sanitizer.for(:sign_up) << :last_name
    devise_parameter_sanitizer.for(:sign_up) << :phone
    devise_parameter_sanitizer.for(:sign_up) << {:admin => false}
  end
end

Answer 3

将输入类型设置为＆＃34; number＆＃34;。这样，数字将使用逗号而不是点，如果需要，浏览器会自动将逗号转换为点，例如JavaScript。

Answer 4

如果您不想在输入字段中显示数字，则需要占位符属性，如下所示：

<input class="form-control" data-filter="M" id="id_options_price" name="options_price" tabindex="141" type="text" value="121000.00" placeholder="121000.00">

更改<input />字段的显示

4 个答案: