Question

我有一个HTML表单。我想表明，通过使它们变粗，需要一些字段。原则上，这应该进入CSS而不是HTML吗？你会怎么做？

<form action="doit" id="doit" method="post">
    <label>
        Name
        <input id="name" name="name" type="text" />
    </label>
    <label>
        Phone number
        <input id="phone" name="phone" type="text" />
    </label>
    <label>
        Year
        <input id="year" name="year" type="text" />
    </label>
</form>

Answer 1

我认为如果您愿意使用HTML5并使用<input type="text" name="year" required>属性，那么您应该可以做到：

input:required{
   font-weight:bold;
}

当然，你可以在这里疯狂，开始围绕边界和各种各样的东西，让它真正脱颖而出。

Answer 2

奇点的答案是完全有效的。为了完成，如果您不愿意使用HTML5的required属性，我建议您使用相同名称的类添加到所需的输入中。

<input type="text" name="firstname" class="required">

input.required {
  font-weight: bold;
}

您可以在Javascript中进一步使用该类作为选择器来执行规则。

$(form).submit(function() {
  $('input.required').each(function() {
     if ($(this).val() === '') return false;
  });
});

要回答您提出的另一个问题：bold指令应该放在CSS中，因为它纯粹是表示性的。

通过粗体显示必填字段

2 个答案: