文本框遮罩-如何在文本框中放置逗号和.00

时间:2018-07-24 03:08:15

标签: javascript css

我做了关于文本框遮罩的研究,但是这一切都很复杂。是否有一种简单的方法将逗号和.00放在文本框中?

这是我的代码

<tbody id="tbody_addIa_ow">
    <tr>
    <td>1</td>
    <td>
   <input required type="text" disabled name="owner_kind_ia[]"  class="form-control char_only limit" />
    </td>
    <td>
  <input required type="text" disabled name="owner_area_ia[]"  class="form-control num_only limit" />
  </td>
  <td>
  <input required type="text" disabled id="txtNum" name="owner_value_ia[]"  class="form-control num_only ia_val limit" />
  </td>
  <td></td>
 </tr>
 </tbody>

我想在键入时在owner_value_ia []中放入逗号和.00。

预先感谢

1 个答案:

答案 0 :(得分:0)

尝试一下,但是您的内容将是静态的,如果要动态,您可以使用attr()更改内容值,请参阅以供参考……

input[name='owner_area_ia[]'] + span:after {
  height : 50px;
  width : 50px;
  content : ', .00';
  position : relative;
  left : -50px;
  color : darkgray;
}
<tbody id="tbody_addIa_ow">
    <tr>
    <td>1</td>
    <td>
   <input required type="text" disabled name="owner_kind_ia[]"  class="form-control char_only limit" />
    </td>
    <td>
  <input required type="text" disabled name="owner_area_ia[]"  class="form-control num_only limit" />
      <span></span>
  </td>
  <td>
  <input required type="text" disabled id="txtNum" name="owner_value_ia[]"  class="form-control num_only ia_val limit" />
  </td>
  <td></td>
 </tr>
 </tbody>