我可以在css中指定maxlength嗎？

我可以使用CSS中的某些東西替換maxlength屬性嗎？我可以在css中指定maxlength嗎？

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

來源

2009-09-01 Brian Ramsay

不需要。這需要在HTML中完成。如果你需要，你可以用Javascript設置值。

來源

2009-09-01 15:17:28 edeverett

不符合CSS，no。

來源

2009-09-01 15:17:07 JMP

108

編號

maxlength是行爲。

CSS是用於樣式。

這就是爲什麼。

來源

2009-09-01 15:17:12

此外，CSS可以全局應用於任何標籤，因此將maxlength屬性應用於div或img等沒有任何意義。 – 2009-09-01 15:44:47

但是，如果您想將maxlength屬性應用於輸入類型（例如名字，城市，州），並且您可以通過網站在各個地方擁有多個輸入實例。能夠定義一個班級（例如，'FirstName'），並且他們將該類應用於所有名字輸入 – Catchops 2011-12-08 14:42:29

我不認爲你可以，CSS應該描述頁面看起來不怎麼樣，所以即使你可以，也不應該如何使用它。

也許你應該考慮使用JQuery來將常用的功能應用到你的表單組件？

來源

2009-09-01 15:18:28 Charlie

不支持CSS，但您可以使用JavaScript來模擬和擴展/自定義所需的行爲。

來源

2009-09-01 15:24:08

您可以使用jQuery這樣的：

$("input").attr("maxlength", 4)

這裏是一個演示：http://jsfiddle.net/TmsXG/13/

來源

2012-12-31 15:42:47

使用$("input").attr("maxlength", 4) 如果你正在使用jQuery版本< 1.6 和$("input").prop("maxLength", 4) 如果你正在使用jQuery 1.6版+。

來源

2014-06-14 10:57:14 Rohit

正如其他人已經回答，目前沒有辦法將maxlength直接添加到CSS類。

但是，這種創造性的解決方案可以實現您正在尋找的東西。

我了jQuery中，我在現場參考（爲的Site.Master ASP）

運行段看到它在行動文件名爲maxLengths.js，效果很好。

的jQuery，CSS，HTML：

$(function() { 
 
    $(".maxLenAddress1").keypress(function (event) { 
 

 
     if ($(this).val().length == 5) { /* obv 5 is too small for an address field, just want to use as an example though */ 
 
      return false; 
 
     } else { 
 
      return true; 
 
     } 
 

 
    }); 
 
});

.maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<input type="text" class="maxLenAddress1" />

使用這個的好處：如果決定最大長度爲這種類型的字段需要被推出或在您的整個應用程序，你可以改變它在一個地方。適用於各種領域，如客戶代碼，全名字段，電子郵件字段，應用程序中常見的任何字段。

來源

2015-04-02 14:54:20

此代碼非常容易複製和粘貼多個字段類型。我保留一個名爲「maxLengths.js」的單獨jQuery文件，並將其包含在我的站點主文件中。試試看，這很方便！ – 2015-04-02 15:01:53

僅僅因爲你使用了一個HTML類，它不是CSS。 – nyuszika7h 2017-06-01 09:36:08

@ nyuszika7h非常感謝您對我答案的讚賞。我會爭論，雖然我沒有應用任何樣式的元素，我仍然在我的解決方案中使用級聯樣式表，因此正在使用CSS。另外我已經更新了我的答案以反映你的觀察。 – 2017-06-01 15:17:51

我可以在css中指定maxlength嗎？

回答

相關問題