web-dev-qa-db-ja.com

入力を制限せずにオプションを提案しますか?

新しいソフトウェアプロジェクトをWebサイトに追加するためのページを設計するときに、聞きたい情報の1つはプロジェクトのライセンスです。

ほとんどのプロジェクトはおそらく少数の可能性(フリーウェア、GPL、BSDなど)に該当するため、「クリック可能な」選択肢として提案し、可能な場合は簡単な説明を表示しますが、ユーザーはどの提案も当てはまらない場合は、自由に挿入できます。

そのようなフィールドをフォームで表すための最良の方法は何ですか?

2
André Paramés

1つのオプションは、(少なくとも非Webの世界では)一般にコンボボックスと呼ばれるものです。ドロップダウンのように見えますが、必要に応じてボックスに値を入力できます。

これらがどのように機能するかを示すサンプルページを次に示します。 http://www.thunderguy.com/semicolon/resources/simpleCombo-demo.html

[〜#〜]注[〜#〜]デフォルトでは、JavaScriptが無効になっているドロップダウンになっているため、このプラグインは実際には使用しません。テキストボックス(選択肢を制限しているためアクセシビリティが悪い)ですが、コントロールの外観がわかります。

下の2つを除くすべての例では、ドロップダウンから選択するか、自分でテキストを入力できます。

これは、これを行う方法に関する技術的な解決策を提供する場所ではありませんが、これを生成するのに役立つほとんどすべてのWebスクリプトフレームワーク(jQuery、MooToolsなど)用のプラグインがあります。開始するには、優先する検索エンジンプロバイダー(または使用している可能性のあるJavaScriptフレームワーク)で「jquery combobox」を検索するだけです。

もう1つのオプションは、デフォルトの小さなセットでラジオボタンを使用し、その隣にテキストボックスのある「その他」のラジオボタンを配置することです。これはおそらく簡単で安全な方法ですが、かなり多くのスペースを必要とします。それはまたあなたがあなたが持っていることは素晴らしいことだと言った短い説明を持つことを可能にします。

2
Charles Boyung

一部の結果をもたらす可能性のある別の用語は「オートコンプリート」です。

Silverlight(たとえば)では、「コンボボックス」は、ユーザーが事前定義されたリストからのみ選択できるようにするコントロールに使用されます。フリーテキストの入力は許可されていません。

ただし、オートコンプリートボックスでは最後の基準を満たす完全に自由なエントリが許可されますが、コントロールがanythingを提案する前に、ユーザーがボックスにsomethingと入力する必要があります。つまり、可能性の短いリストが表示されません。

0
ChrisF