`

HTML5新的数字输入控件

浏览器html5 
阅读更多
在HTML5中,新增加了数字输入控件,其中是一个文本框外加一个数字微调上下按钮,
即一个spinner control,如下:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Spinner Control in HTML5 by DevCurry.com</title>
</head>
<body>
   <form>
        <label for="age">
            I am  
            <input type="number" name="age" id="age"
                min="18" max="120" step="1" value="18">
             years old
        </label>
    </form>
</body>
</html>
  其中好处是可以限制只输入数字,并且可以指定最小最大值,当然在不同浏览器上样式可能有小小不同,下面是目前对该控件支持的浏览器列表:
3
顶
2
踩
分享到：
| jbpm4中为TASK指定角色用户
评论
5 楼 songshuang 2011-09-06  
欢迎加入ITeye HTML5群组

http://html5.group.iteye.com/
4 楼 雪域无痕 2011-09-06  
大部分都不支持，知道了也没法用。
3 楼 jackyrong 2011-09-06  
哈哈,是的
2 楼 giianhui 2011-09-06  
xingqiba 写道
没有一个以上浏览器对所有的属性都支持的,也没有一个属性被以上所有的浏览器都支持的.

楼上的观察能力很强。
1 楼 xingqiba 2011-09-06  
没有一个以上浏览器对所有的属性都支持的,也没有一个属性被以上所有的浏览器都支持的.
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    车牌号码输入控件，通过点击输入

    本文将深入探讨一个特定的UI组件——车牌号码输入控件，该控件允许用户通过点击来输入车牌号码，支持简称、字母和数字的自定义输入。我们将详细讨论它的设计原理、功能特性以及在实际应用中的实现方法。 首先，车牌...

    Javascript密码输入控件

    JavaScript密码输入控件是网页开发中常见的一种交互元素，它用于收集用户的安全信息，如登录密码、PIN码等。在Web应用中，正确地实现密码输入控件对于提高用户体验和保障数据安全至关重要。本文将深入探讨JavaScript...

    输入textbox控件只能输入数字

    比如在HTML5中，`&lt;input type="number"&gt;` 就可以创建一个只允许输入数字的输入框。 4. **自定义控件**：对于更复杂的场景，开发者可能需要创建自定义的TextBox控件，覆盖默认的行为，实现更精确的输入控制。例如，...

    HTML5-input表单控件调用代码_html5_表单_input_代码_控件_

    HTML5是现代网页开发的重要标准，它在许多方面对HTML4进行了扩展和增强，尤其是在表单元素和输入控件方面。HTML5的`input`标签是构建交互式表单的关键，提供了更多的类型、属性和事件，让开发者可以创建更加丰富和...

    时间日期输入控件

    - HTML5：提供了`&lt;input type="date"&gt;`和`&lt;input type="time"&gt;`标签，浏览器内置了基本的时间日期输入控件。 - JavaScript：库如jQuery UI和Bootstrap Datepicker提供了丰富的自定义选项和动画效果。 - CSS：用于...

    ASP.Net TextBox控件只允许输入数字

    例如，下面是一个简单的自定义`NumericTextBox`控件，它只接受数字输入： ```csharp using System; using System.Web.UI; using System.Web.UI.WebControls; using System.ComponentModel; namespace rungoo....

    jQuery 数字输入键盘

    这是采用jQuery js 库自定义的一个数字输入键盘，解决Android ,Windows Phone7 ,iPhone,BlackBerry，ipad 等移动设备弹出输入键盘切换的麻烦，此数字输入控件使用简单，且自适应屏幕输入控件，只可以输入数字和...

    数字选择控件

    【数字选择控件】是一种常见的用户界面元素，尤其在移动应用和网页设计中，它用于让用户方便地输入或选择数字值。在这个特定的案例中，这个控件是参照了Android系统中的时间选择器来设计的，提供了一种交互式的体验...

    asp.net 只允许输入数字的控件

    在ASP.NET中，开发人员经常需要创建只允许用户输入数字的控件，以确保数据的准确性和一致性。本文将深入探讨如何实现一个这样的控件，它基于TextBox进行重写，以便用户只能输入整数或小数，且可以直接拖放到Web窗体...

    数字标识控件.zip

    而在Android开发中，可以自定义一个`SeekBar`或使用`EditText`配合`InputFilter`进行数字输入控制。 源码实现通常包括以下几个部分： - 控件结构：定义控件的外观和布局，如尺寸、颜色、边距等。 - 交互逻辑：实现...

    ExtJS时间控件、IP输入控件【控件】

    它提供了丰富的用户界面组件，包括各种各样的控件，如时间控件和IP输入控件，这些在Web开发中非常实用。在这个名为"ExtJS时间控件、IP输入控件【控件】"的压缩包中，我们可以找到实现这两个特定功能的示例代码。 1....

    带时间的JS日期输入控件

    在"date.htm"这个文件中，可能包含了实现这个日期时间输入控件的HTML结构、CSS样式和JavaScript代码。开发者通常会使用HTML元素（如`&lt;input&gt;`）作为基础，然后用CSS定义样式，最后通过JavaScript添加交互逻辑。例如...

    HTML服务器控件.docx

    HTML 效劳器控件可以处理多种类型的输入数据，包括文本、数字、日期等。 2. HTML 效劳器控件的公共属性 HTML 效劳器控件具有多种公共属性，包括 ID、Runat、Enable 等。其中，ID 属性用于标识控件，Runat 属性...

    火狐input只能输入数字

    在网页开发中，我们经常需要创建输入框（`input`元素）来收集用户的数据，而有时我们希望用户只能输入数字。...通过结合HTML5的新特性与JavaScript的动态验证，我们可以构建出既安全又用户友好的数字输入控件。

    基于Ext2的日历控件和IP地址输入控件.zip

    在这个场景中，我们关注的是两个特定的前端组件：基于Ext2的日历控件和IP地址输入控件。 Ext2是一个JavaScript库，主要用于创建富客户端应用。它提供了一套完整的组件和工具，使得开发者可以构建功能丰富的、用户...

    控件教程下载（三部分）.rar(标准服务器控件,数据验证控件 HTML服务器控件,)

    2. **CompareValidator**：比较两个控件的值，或者验证值是否符合特定的模式，如日期、数字格式等。 3. **RangeValidator**：验证值是否在指定范围内。 4. **RegularExpressionValidator**：使用正则表达式验证输入...

    HTML5新增加的属性

    1.HTML5新增加的email类型控件 email类型主要用于用户输入email地址的，在提交表单时，会自动验证email输入框的值，如果不是一个有效的email，则会报错。这也体现了HTML5中的平稳退化的设计原则，不支持type=email...

    HTML控件和Web服务器控件

    它们通常用于确保用户填写表单时输入的数据格式正确，如电子邮件地址、日期或数字格式。这些验证控件可以在客户端（JavaScript）或服务器端执行，以防止无效数据被提交。 用户控件是自定义的UI组件，可以封装一组...

Magicbox
Global site tag (gtag.js) - Google Analytics