web-dev-qa-db-ja.com

可変長リスト入力

私はWASM統計計算機を書いているので、私のウェブサイトのフロントエンドで恣意的に長い数の入力を許可する必要があります。現在のデザインは次のようになります。

screenshot of 'mean' form

行がある場所に番号が入力されます。 ENTER ENTERを最後に入力してそれを集束させます。入力を空にすると、次のように削除されます(そして同様に最後の要素に焦点を合わせる)。

enter image description here

「計算」ボタンをクリック/押して、ページロジックが行われ、入力の上に結果を出力します。

使用する指示がないようにこれを改善するにはどうすればよいですか。

編集

現在のデザインの上記の説明が混乱していた場合は、ここにGIFがあります

enter image description here

1
lincoln

私がデザインで稀なまたは珍しいことがわかる要素がいくつかあります。

  1. 新しい数字を追加するときに移動する、これは対話性が完全に異常です。対話性の施設の1つは、ユーザーがどこで対話する場所を明確に知っている必要があります。相互作用フィールドが絶対に不確実性を生成する場所を変更する場合は、.
  2. テキスト挿入線は水平です。

私は2つの基本的な可能性を考えることができます、1つは完全であり、より多くの対話性を持つものです。基本は、テキスト挿入フィールド、追加の数量を持つ領域、隠し番号と操作ボタンを表示するスクロールバーの両方で同じです。

enter image description here

2つ目は同じ要素を持っていますが、データのビジョンを支持しているだけです。

  • 情報ボタンツールチップを表示します
  • 消去ボタンリセットする
  • CHECKボタンを計算する

enter image description here

コメントの後に追加されました

個々の要素の修正や削除が行われるのか?

要素を編集するには

  • 要素をクリックして選択します
  • 消去ボタンをタップしてコンテンツを削除する
  • テキスト挿入フィールドに新しい番号を入力します

要素を削除するには

  • 要素をクリックして選択します
  • 2倍の消去ボタンをタップします

enter image description here

1
Danielillo