新的HTML5输入类型的ASP.NET MVC HTML帮助器方法

前端之家收集整理的这篇文章主要介绍了新的HTML5输入类型的ASP.NET MVC HTML帮助器方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML5似乎支持 things such as的新系列 input fields

>数字
>电子邮件地址
>颜色
>网址
>数字范围(通过滑块)
>日期
>搜索

有没有人为ASP.NET MVC实现HtmlHelper扩展方法生成这些?可以使用接受htmlAttributes的重载来做到这一点,例如:

Html.TextBoxFor(model => model.Foo,new { type="number",min="0",max="100" })

但这不是那么好(或类型安全):

Html.NumericInputFor(model => model.Foo,min:0,max:100)

解决方法

只是一个头,其中许多现在被合并到MVC4通过使用 DataType属性

截至this work item,您可以使用:

public class MyModel 
{
    // Becomes <input type="number" ... >
    public int ID { get; set; }

    // Becomes <input type="url" ... >
    [DataType(DataType.Url)]
    public string WebSite { get; set; }

    // Becomes <input type="email" ... >
    [DataType(DataType.EmailAddress)]
    public string Email { get; set; }

    // Becomes <input type="tel" ... >
    [DataType(DataType.PhoneNumber)]
    public string PhoneNumber { get; set; }

    // Becomes <input type="datetime" ... >
    [DataType(DataType.DateTime)]
    public DateTime DateTime { get; set; }

    // Becomes <input type="date" ... >
    [DataType(DataType.Date)]
    public DateTime Date { get; set; }

    // Becomes <input type="time" ... >
    [DataType(DataType.Time)]
    public DateTime Time { get; set; }
}

猜你在找的HTML5相关文章