Html 我可以在css中指定maxlength吗?

Html 我可以在css中指定maxlength吗?,html,css,Html,Css,我可以用CSS中的内容替换maxlength属性吗 <input type='text' id="phone_extension" maxlength="4" /> 不带CSS,否。否 maxlength用于行为 CSS用于样式化 这就是为什么。不。这需要在HTML中完成。如果需要,您可以使用Javascript设置值。我认为您不能,CSS应该描述页面的外观,而不是它的功能,因此,即使可以,也不是您应该如何使用它 也许您应该考虑使用JQuery将通用功能应用于表单组件?不使用CSS

我可以用CSS中的内容替换maxlength属性吗

<input type='text' id="phone_extension" maxlength="4" />

不带CSS,否。

maxlength用于行为

CSS用于样式化


这就是为什么。

不。这需要在HTML中完成。如果需要,您可以使用Javascript设置值。

我认为您不能,CSS应该描述页面的外观,而不是它的功能,因此,即使可以,也不是您应该如何使用它


也许您应该考虑使用JQuery将通用功能应用于表单组件?

不使用CSS,但您可以使用JavaScript模拟和扩展/自定义所需的行为。

您可以使用JQuery,如:

$("input").attr("maxlength", 4)
下面是一个演示:

使用
$(“输入”).attr(“maxlength”,4)
如果您使用的是jQuery版本<1.6 和
$(“输入”).prop(“maxLength”,4)

如果您使用的是jQuery版本1.6+。

,正如其他人回答的那样,目前没有直接向CSS类添加maxlength的方法

然而,这种创造性的解决方案可以实现您所期望的目标

我在一个名为maxLength.js的文件中有jQuery,我在site(site.master for ASP)中引用了该文件

运行代码段以查看其实际运行情况,效果良好

jquery、css、html:

$(函数(){
$(“.maxLenAddress1”).keypress(函数(事件){
如果($(this).val().length==5){/*obv5对于地址字段来说太小,只想作为示例使用*/
返回false;
}否则{
返回true;
}
});
});
.maxLenAddress1{}/*这主要用于intellisense的使用,但是如果您愿意的话,可以修改它*/


此外,CSS可以全局应用于任何标记,因此将maxlength属性应用于div或img等是没有意义的。但是,如果您想将maxlength属性应用于一组常见的输入类型(例如,名字、城市、州),并且您可以通过网站在不同的地方拥有这些输入的多个实例,该怎么办。如果能够定义一个类(例如“FirstName”),并且他们将该类应用于所有FirstName输入@Catchops,这是HTML的一个限制,那么使用CSS来解决这个问题将是一个丑陋的黑客行为。这就是为什么大多数web框架提供带有自定义组件的模板系统。对于多个字段类型,此代码非常容易复制和粘贴。我保留了一个单独的jQuery文件“maxLength.js”,并将其包含在我的站点主控中。试试看,很方便!因为您使用的是HTML类,所以它不是CSS。@nyuszika7h感谢您对我答案的宝贵意见。我会说,虽然我没有对元素应用任何样式,但我仍然在我的解决方案中使用级联样式表,因此正在使用CSS。此外,我还更新了我的答案,以反映您的观察结果。