HTML5 输入类型=数字和占位符属性

发布于 2024-10-15 17:53:21 字数 56 浏览 2 评论 0 原文

有没有办法在 上使用占位符?

Is there any way to use placeholder on <input type=number>?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

鱼窥荷 2024-10-22 17:53:21

我刚刚检查了 HTML5 规范中类型为数字的输入,它明确表示占位符 不得使用属性。当我尝试使用输入类型验证 html 时,我也遇到 http://validator.w3.org 错误带有占位符属性的数字。看起来浏览器可能支持这一点,但它在 HTML5 规范中无效。

I've just checked against the HTML5 spec for input where a type is number and it explicitly says that the placeholder attribute may not be used. I also had errors with http://validator.w3.org when I tried to validate html with an input type of number with a placeholder attribute. Looks like browsers may support this but it's not valid in the HTML5 spec.

酷炫老祖宗 2024-10-22 17:53:21

@zachleat 是正确的,最新的 HTML5 规范中允许使用 placeholder 属性:

HTML 5.1 第二版:表单、number-state-typenumber(请参阅簿记部分)

以下常见输入元素内容属性适用于该元素:自动完成、列表、最大值、最小值、占位符、只读、必需和步骤内容属性;

@zachleat is correct, the placeholder attribute is allowed in the latest HTML5 spec:

HTML 5.1 2nd Edition: forms, number-state-typenumber (see the bookkeeping section)

The following common input element content attributes apply to the element: autocomplete, list, max, min, placeholder, readonly, required, and step content attributes;

无声情话 2024-10-22 17:53:21

以下是 MDN Web 文档中关于 的占位符部分:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number#Placeholders

有时,提供有关输入数据应采用什么形式的上下文提示会很有帮助。如果页面设计没有为每个 提供描述性标签,这一点尤其重要。这就是占位符的用武之地。占位符是一个值,通过提供有效值的示例来演示应采用的值,该值显示在编辑框中当元素的""时。一旦数据输入到框中,占位符就会消失;如果该框被清空,占位符将重新出现。

Here is the Placeholders section in the MDN Web Docs about <input type="number">: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number#Placeholders

Sometimes it's helpful to offer an in-context hint as to what form the input data should take. This can be especially important if the page design doesn't offer descriptive labels for each <input>. This is where placeholders come in. A placeholder is a value that demonstrates the for the value should take by presenting an example of a valid value, which is displayed inside the edit box when the element's value is "". Once data is entered into the box, the placeholder disappears; if the box is emptied, the placeholder reappears.

终弃我 2024-10-22 17:53:21

使用占位符:

使用最小值和最大值: < input type="number" placeholder="10">

使用值:

Using Placeholder: <input type="number" placeholder="10">

Using Min and Max Values: <input type="number" placeholder="10">

Using Value: <input type="number" value="10">

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文