limit number of digits in label in html

Question

is it possible to set limit of digits or words on label?

is there any way to limit the number of digits in label in html, i've searched on internet in every possible way, but didn't get any result..please help me frnds.

like on any textbox or textarea:

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

OR

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

BTW is it possible to cut the label after certain word limit through javascript?

Try http://stackoverflow.com/questions/1125482/how-to-impose-maxlength-on-textarea-in-html-using-javascript — Nick Garvey, Feb 03 '12 at 14:00
Label friends, actually the problem is that am calculating cart but when it adds some digits which end up with 9999 like characters it just spreads. so is there any way.. — Krishna Sarswat, Feb 03 '12 at 14:06

Sandip Ransing · Accepted Answer · 2012-02-03T14:25:16.577

4

truncate label text before display in order to limit on length.

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

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

edited Feb 03 '12 at 14:25

answered Feb 03 '12 at 14:04

Sandip Ransing

7,583
4
37
48

Ustaman Sangat · Answer 2 · 2013-04-24T03:44:45.010

2

For a label on might not need some of the following, but for a span, I needed to have the following:

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

targetting

<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>

edited Apr 24 '13 at 03:44

answered Jan 19 '13 at 06:16

Ustaman Sangat

1,505
1
14
26

1

I would really go for a css-only solution instead of relying on JS, because this is purely a presentation concern. Also, doing this in css allows automatic adaptation w.r.t. resizing of the element. – Ustaman Sangat Jan 19 '13 at 06:18
1

Also note I would always put title to be the entire text, so that one can see the hidden text as a "tooltip". – Ustaman Sangat Apr 24 '13 at 03:45

score 0 · Answer 3 · answered Feb 03 '12 at 14:02

0

maxlength for textarea's only works in HTML5, so you'll probably need to use Javascript.

The text input should work as you wrote it.

Also - how hard did you search the Internet?

answered Feb 03 '12 at 14:02

Grim...

16,518
7
45
61

score 0 · Answer 4 · answered Feb 03 '12 at 14:04

0

I see, so you want to write like a short description ... Why don't you create a method which will return first 10 words or first 20 letters and then append dots?

answered Feb 03 '12 at 14:04

Alexa Adrian

1,778
2
23
38

score -1 · Answer 5 · answered Feb 03 '12 at 14:01

-1

The only way todo this would be to use javascript to remove any characters after a certain limit.

What you could do is set the width of the label and hide any content that overflows this width using CSS:

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

answered Feb 03 '12 at 14:01

Jamie Dixon

53,019
19
125
162

can you tell me how to do this with js – Krishna Sarswat Feb 03 '12 at 14:02
I'm not sure the OP actually meant "label". – Grim... Feb 03 '12 at 14:03

limit number of digits in label in html

5 Answers5