2012-02-03 6 views
1

ラベルの桁数や語数を設定することは可能ですか?htmlのラベルの桁数の制限

私は インターネットをあらゆる可能な方法で検索しましたが、結果は得られませんでした。私はfrndsの助けを借りて、htmlのラベルの桁数を制限する手段があります。

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

OR

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

ところで、それはjavascriptを通じ、特定の単語の制限後にラベルをカットすることが可能である:任意のテキストボックスまたはテキストエリアのような

+0

をターゲット

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

はhttp://stackoverflow.comをお試しください/ questions/1125482/how-to-impose-maxlength-on-text-in-html-using-javascript –

+0

ラベルを意味しますか?またはフォーム入力? –

+0

ラベルの友人、実際には問題はそれはカートを計算していますが、9999のような文字で終わる数字がいくつか追加されただけです。それで何か道があります.. –

答えて

2

長さを制限するために、表示前にテキストを切り捨てます。私が見るので、あなたは短い説明のように書きたい

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

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

これを行うには、javascriptを使用して特定の制限の後に文字を削除するしかありません。

何を行う可能性がラベルの幅を設定し、CSSを使用して、この幅をオーバーフローする任意のコンテンツを非表示にしている:HTML5でテキストエリアの唯一の作品の

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

jsでこれを行う方法を私に教えてください –

+0

OPは実際に "ラベル"を意味するのか分かりません。 –

0

maxlengthので、あなたはおそらくJavascriptを使用する必要があります。

テキスト入力は、書いたとおりに動作するはずです。

また、あなたはどれくらい困難でしたかsearch the Internet

+0

申し訳ありませんが、私は最後の行を取得していません.. –

0

... は、なぜあなたは最初の10個の単語や最初の20個の文字を返し、その後、ドットを追加するメソッドを作成しませんか?上のラベルの

+0

アレクサ、実際にカートの合計を設定しようとしています。 –

1

は、次のいくつかを必要としないかもしれないが、スパンのために、私は次のことを持っているために必要な:

<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

これは純粋にプレゼンテーションの問題であるため、私はJSに頼るのではなく、CSSだけのソリューションを実際に使いたいと思っています。また、CSSでこれを行うと、自動適応w.r.tが可能になります。要素のサイズ変更。 –

+0

また、タイトルは常にテキスト全体になるので、隠されたテキストを「ツールチップ」として見ることができます。 –

関連する問題