HTML输入'；推荐'；财产

我很好奇这样的东西是否已经存在，无论是在输入domapi中，还是作为一个很受欢迎的插件，等等

其思想是某些输入字段可以具有

required

属性，这会通知浏览器相应地响应，并影响DOM对象的

validityState

。但是，如果一个字段不是必需的，而是简单的“推荐”呢？例如，类似以下的表单：

<form action="" method="get">
  <div>
    <label for="first_name">Enter your First Name: </label>
    <input type="text" name="first_name" id="first_name" recommended>
  </div>
  <div>
    <label for="last_name">Enter your Last Name: </label>
    <input type="text" name="last_name" id="last_name" required>
  </div>
    <div>
    <input type="submit" value="Submit!">
  </div>
</form>

输入您的名字：
输入您的姓氏：

姓氏是必需的，因为我们不想存储任何姓氏为空的记录。名字不是必需的，但一个人不太可能故意将该字段留空。该属性不会强制用户填写所述字段，而是设置某种有效性状态，其他代码（包括CSS和验证DOM）可以知道并正确处理该状态

我想这会导致一个类似“您确定要将这些字段留空吗？”的提示，单击“是”，这会在表单级别或输入级别设置某种类型的“建议检查通过”（或其他）属性，以便在后续提交时，将空字段视为有效，或者可能只是第一次点击Submit的行为设置了一个属性，如“Recommendated prompt Incident”，这样唯一的期望是表单反映这些空字段（可能会更改它们的颜色），并且后续提交将通过（因此用户无需显式地说“是的，我想保留这些空白”）

我认为上面的大部分内容都可以通过简单的数据属性来完成，但是当我想到有效性状态和所有这些时，它开始变得复杂起来

很抱歉，如果这个问题“太宽泛”，但我在网上找不到任何东西，希望避免重新发明轮子。谢谢

确实没有“推荐”属性。如前所述，要实现这一点，必须通过脚本。但是，还有“：optional”CSS选择器（），只有在输入元素没有“Required”属性时，才能将其应用于输入元素

意见

---

我认为一个“推荐”属性总是必须加上额外的逻辑标记，以填充用户在将这些字段留空时收到的警报。因此，仅使用属性是不够的。因此，创建这样一个属性是多余的，因为您可以轻松地将这些验证脚本包含在表单submit validation中。

您的问题引起了我的思考。所以我开始到处玩。也许你可以这样做

它会在悬停时显示推荐的工具提示，如果所需元素为空，它会用工具提示提醒用户推荐的字段，并且会获得与所需元素相同的黄色边框效果。边框也会在焦点上激活（）

首先，我尝试使用某种CSS工具提示，但问题是激活它，我无法指定悬停、活动或关注想要的工具提示，因为所需的HTML输入字段元素总是使我尝试过的内容停止显示。也许其他人可以朝这个方向做

所以我求助于和HTML

title=”“

属性。还有HTML

数据工具提示

属性，但我无法激活它

函数还查看

推荐的

字段是否为空，并相应地激活工具提示

这篇文章只介绍了OP的文章中提到的一点功能，我有一点思考它的乐趣，所以我将与大家分享

函数myFunction（）{
var emptyornot=document.getElementById（“名字”）.value；
//console.log（emptyornot）；
如果（$.isEmptyObject（emptyornot））{
$（“#名字”）.addClass（“推荐”）；
$（“#工具提示”）。工具提示({
打开：函数（事件，ui）{}
});
$（“#工具提示”）。工具提示（“打开”）；
}否则{
$（“#名字”）.removeClass（“推荐”）；
} 
}
$（“#名字”）.focus（）
#名字：焦点{
边框颜色：#FFFF00；
方框阴影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（255,0,0,0.6）；
} 
.推荐{
边框颜色：#FFFF00；
方框阴影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（255,0,0,0.6）；
}

输入您的名字：




输入您的姓氏：