javascript - 必需的属性以可视方式显示

我有一个表格，其中某些字段是必填字段，而其他字段则不需要。
现在：


Polymer是否提供任何“开箱即用”的方式来将元素标记为“必需”？
如果不是，那么在CSS中显示必填字段的最佳方法是什么？


目前，一旦提交表单，必填字段将显示为原样。但是，这是在提交（或尝试）表单后发生的。
我希望用户知道，虽然名字是必需的，但中间名不是。

我是否缺少一些显而易见的东西？

最佳答案

一种方法是使用属性prefix或suffix

<paper-input label="First Name">
  <div prefix>*</div>
  <div suffix>*</div>
</paper-input>

另一种方法是创建new input element

<span hidden={{!required}} class="required"> * </span>
<paper-input-container no-label-float="[[noLabelFloat]]"
                       always-float-label="[[_computeAlwaysFloatLabel(alwaysFloatLabel,placeholder)]]"
                       auto-validate$="[[autoValidate]]"
                       disabled$="[[disabled]]"
                       invalid="[[invalid]]">

但这仅对required字段没有意义，因为您必须模拟/复制完整的paper-input代码

关于javascript - 必需的属性以可视方式显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40077876/