HTML UIの質問 - INPUTタイプ=テキストボックスにチェックボックスを入れることはできますか？

Question

私はIE7/8/9 & Firefoxで動作する必要があるhtmlインターフェイスでwinforms画面を置き換えています。

は現在、我々はこのようになりますファンキーな入力コントロールを持っている私たちの画面のいずれかに：ユーザーは単に入力することができます

1. ：

   ユーザーは、3つの方法のいずれかで値を入力することができます

2. ドロップダウンから項目を選択することができます
3. 「開かれていない」チェックボックスをオンにすると、「開かれていない」と呼ばれる既知の項目が効果的に選択されます

検索ボタン '...'がありますが、これは実装が簡単な別のコントロールです。

これをhtmlで再構築したいのですが、（a）と（b）のように未開封機能を置き換える方法が不思議です。私は単純なので、私はちょうど別の未開封のチェックボックスをINPUTボックスの下に置くのではなく、内部に入れることを考えています。しかし、今のように見えるようにする方法があれば、おそらくそれを好むだろう。それは可能ですか？

UPDATE：

セカンダリ質問：私はCSSを使用して、入力ボックス内にチェックボックスを入れて行う場合、私はちょうど風変わり少しユーザビリティやレイアウトの問題を自分自身により多くの痛みをもたらすか、これも珍しいことではない何かでいますまたはするのは難しいですか？

Answer 1

をそれをCSSで入力フィールドの内側に配置します。

#checkbox { 
position: relative; 
top: -10px; 
} 

または必要な値を入力してください。

2番目の質問については、それは実際にボックスの "内部"ではなく、ちょうどそのように見えます。すべての機能はまだそこにあります。 =）

http://jsfiddle.net/BdBTy/は、この動作の簡単な例です。

Answer 2

場所は、チェックボックスのCSSでHTML

で右のテキストボックス下のチェックは

margin-top:-25px; 

を入れて（または何でもあなたが必要とする正確な数）あなたは、別のdivにそれを置くことができます