Home   Single Page

ボタンを含むリストボックス

理論ではリストセルは以下に示すように、他のどのコンポーネントも含むことができます。

<listbox width="250px">
    <listhead>    
        <listheader label="Population"/>        
        <listheader label="Percentage"/>        
    </listhead>    
    <listitem value="A">    
        <listcell><textbox value="A. Graduate"/></listcell>        
        <listcell label="20%"/>        
    </listitem>    
    <listitem value="B">    
        <listcell><checkbox label="B. College"/></listcell>        
        <listcell><button label="23%"/></listcell>        
    </listitem>    
    <listitem value="C">    
        <listcell label="C. High School"/>        
        <listcell><textbox cols="8" value="40%"/></listcell>        
    </listitem>    
</listbox>

【メモ】:

  1. グリッドがより適切の場合では、リストボックスの使用を避けましょう。リストボックスとグリッドの外見は似ていますが、リストボックスは選択できる項目をあらわすときのみに使用するべきです。

  2. リストボックスが編集可能なtextbox、checkboxといったコンポーネントを含んでいる場合、ユーザーは混乱します。たとえば選択されていない項目に入力されたテキストの意味がわからなくなります。

  3. ブラウザの制限によって、ユーザーはテキストボックス中の文字列を選択できない場合があります。