2012-02-03 104 views
1

是否可以設置標籤上的數字或單詞的限制?限制html中標籤的位數

有沒有什麼辦法可以限制html中標籤的位數,我用各種方法在網上搜索了 ,但是沒有得到任何結果。

像任何文本框或textarea的:

<textarea maxLength="10"></textarea> 

OR

<input type="text" maxLength="10" /> 

BTW,纔有可能削減後通過JavaScript一定的字數限制的標籤嗎?

+0

嘗試http://stackoverflow.com/questions/1125482/how-to-impose-max-on-textarea-in-html-using-javascript – 2012-02-03 14:00:54

+0

你的意思是標籤嗎?或者表單輸入? – 2012-02-03 14:03:19

+0

給朋友貼標籤,實際上問題在於是在計算購物車,但是當它添加一些以9999字符結尾的數字時,它只會傳播。所以有什麼辦法.. – 2012-02-03 14:06:20

回答

2

爲了限制長度,在顯示之前截斷標籤文本。

CSS solution: 
    label{ 
    width:20px; 
    overflow: hidden; 
    } 

JS Solution: 
    $('label:first').html().substr(0,13) 
0

待辦事項的唯一方法是使用JavaScript刪除任何字符後一定的限制。

你可以做的是設置標籤的寬度和隱藏使用CSS溢出這個寬度的任何內容:

label{ 
    max-width:100px; 
    overflow:hidden; 
} 
+0

你能告訴我如何做到這一點與js – 2012-02-03 14:02:51

+0

我不確定OP實際上是否意味着「標籤」。 – 2012-02-03 14:03:02

0

maxlength爲textarea的唯一在HTML5的作品,所以你可能需要使用JavaScript 。

文本輸入應該像你寫的那樣工作。

另外 - 你有多難search the Internet

+0

對不起,我沒有得到最後一行.. – 2012-02-03 14:14:14

0

我明白了,所以你要像寫一個簡短的描述...... 你爲什麼不創建一個將返回前10個字或第一20個字母,然後附加點的方法?

+0

沒有alexa,我實際上試圖建立總的購物車。 – 2012-02-03 14:08:52

1

有關可能並不需要以下一些,但對於一個跨度的標籤,我需要具備以下條件:

span.yoyo { 
    display: inline-block; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow:ellipsis; 
} 

靶向

<span class="yoyo" title="The text here so that I can see on hovering"> 
    The text here so that I can see on hovering 
</span> 
+0

我真的會去找一個純CSS的解決方案,而不是依賴於JS,因爲這純粹是一個演示問題。此外,在CSS中這樣做可以自動適應w.r.t.調整元素的大小。 – 2013-01-19 06:18:15

+0

另請注意,我會始終將標題放在整個文本中,以便可以將隱藏文字看作「工具提示」。 – 2013-04-24 03:45:50