表格字段不起作用

Question

我有一个表单，不知道为什么一个字段适用于必需属性和另一个字段：

不起作用

<input name="ch_register_first_name" id="ch_register_first_name" type="text" value="First Name" class="regular-text" required />

有效吗

<input type="checkbox" name="ch_register_agree" value="1" required> 

如果文本框有默认值，它是否无效？如果是这样，我如何保持默认值并使其成为必需??

Answer 1

尝试使用placeholder属性在<input />内显示“标签”，然后移除value属性。这样，required得到尊重：

<input name="ch_register_first_name" id="ch_register_first_name" type="text" placeholder="First Name" class="regular-text" required />

jsFiddle Demo

值得注意的是，您不应该使用placeholder代替真正的<label>元素。例如，Mozilla（一如既往）说得最好：

  

请勿使用占位符属性而不是<label>元素。   它们的用途不同：<label>属性描述了   形式要素的作用;也就是说，它表明了什么样的   信息是预期的，placeholder属性是一个提示   内容应采取的格式。有些情况下   placeholder属性永远不会显示给用户，因此表单也是如此   没有它必须是可以理解的。