2010-11-24 4 views
1

Windowsフォームアプリケーションでは、フォームに上位のコントロールを追加できます。その隣に2つのボタンがあるテキストボックスがあり、左のテキストボックスの値を増減させることができます。 HTMLのようなコントロールはありますか?私は1つを見つけることができませんでした。HTMLの上部/ Downyコントロール

+0

現在そのための標準的なHTMLコントロールがありません。実際、そうではありません。 HTML * 5 *のコントロールがありますが、それはまだすべてのブラウザでサポートされていません。最終的には、のようなものを使うことができます。 HTML5のこの新しい(およびその他の)コントロールの詳細:http://diveintohtml5.org/forms.html#type-number –

+0

注:5月現在、shi ** y IE 9はまだこのコントロールをサポートしていません。 –

答えて

2

あなたが好きなようにそれをスタイルすることができますが、次のようにあなたがそれを実装することができます...

<p><input type="text" name="uppydowner" id="uppydowner" value="1" size="2"> 
    <span id="uppy"></span> <span id="downy"></span></p> 

<script type="text/javascript"> 
    var upButton = document.getElementById("uppy"); 
    var downButton = document.getElementById("downy"); 
    var resultBox = document.getElementById("uppydowner"); 

    upButton.innerHTML = "+"; 
    downButton.innerHTML = "-"; 

    upButton.onclick = function() { 
     var current = parseInt(resultBox.value); 
     current++; 
     resultBox.value = current; 
    }; 

    downButton.onclick = function() { 
     var current = parseInt(resultBox.value); 
     current--; 
     resultBox.value = current; 
    }; 
</script> 
+0

ありがとう、ソーニー。とyaay!あなたは私の口調で/言い方を変えた言葉を使ったこともあります:) –

+0

私はそれの音がとても好きでした、私は今、それの後にjQueryプラグインに名前を付けました... http://www.stevefenton.co.uk/Content/Jquery- Uppy-Downer/ – Fenton

+0

素晴らしいHahaha !!!!クールサイトbtw –

1

これは存在しません。JavaScriptでこの動作を構築する必要があります。

textareaまたはdivを配置し、JavaScriptを使用して内容を上下にスクロールします。

私は過去にどこかでそれについて読んだが、私は思い出すことができない場合は、申し訳ありません...:\

あなたはこのコントロールを使用することができます
+0

この動作を模倣するのは難しいことではありません。私は、上矢印と下矢印の画像とともに、そこにテキストボックスを配置してから、増分/減分ボタン/画像のonclickイベントの値を変更するだけです。 :)あなたの助けをありがとう:) –

関連する問題