限制html中标签的位数

时间:2012-02-03 13:58:49

标签: html

是否可以在标签上设置数字或单词的限制?

有什么方法可以限制html中标签的位数,我已经搜索过了 互联网以各种可能的方式,但没有得到任何结果..请帮助我frnds。

喜欢在任何文本框或textarea上:

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

OR

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

BTW是否可以通过javascript在某些字数限制后剪切标签?

5 个答案:

答案 0 :(得分:2)

在显示前截断标签文字以限制长度。

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

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

答案 1 :(得分: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>

答案 2 :(得分:0)

maxlength for textarea仅适用于HTML5,因此您可能需要使用Javascript。

文本输入应该在您编写时起作用。

另外 - 你有多难search the Internet

答案 3 :(得分:0)

我明白了,所以你想写一个简短的描述...... 为什么不创建一个方法,它将返回前10个单词或前20个字母,然后附加点?

答案 4 :(得分:-1)

唯一的方法是使用javascript在一定限制后删除任何字符。

您可以做的是设置标签的宽度并使用CSS隐藏任何溢出此宽度的内容:

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