Vitalik2301,
так что все-таки надо вводить, команды как команда=>значение, или же все таки кучу паролей? Зачем вам геморрой с кучей в одном поле. Можно например так:
<html>
<head>
<style>
.terminal, #command {
width: 250px;
height: 100px;
padding: 15px;
border: 1px solid #ccc;
float: left;
}
#terminal {
width: 200px;
margin-right: 10px;
}
#command {
overflow: auto;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var com = {},
list = document.querySelector('#command');
document.querySelector('form').onkeypress = function (e) {
var o = e.target || e.srcElement, v, u = '', p;
if(e.keyCode == 13) {
e.preventDefault();
if(o.tagName == 'INPUT' && (v = o.value.split(' ')).length==3) {
o.value = '';
com[v[0]] = [v[1], v[2]];
for(p in com) u += '<li><span>' + p + '</span> <span>' + com[p][0] + '</span> <span>' + com[p][1] + '</span>';
list.innerHTML = '<ul>' + u + '</ul>';
}
}
}
});
</script>
</head>
<body>
<div class="terminal">
<form>
<label>Command Parameter</label>
<input type="text" name="txt"/>
</form>
</div>
<div id="command"></div>
</body>
</html>
</body>
</html>
Здесь просто для примера. А суть в том, что контролируется ввод двух параметров разделенных пробелом по нажатию клавиши Enter, и если это условие выполняется, то оно сохраняется в объект. Содержимое объекта выводится списком рядом, и можно по выбору в нем удалить из набранного любую позицию. Естественно при вводе по Enter можно и организовать любую проверку и выполнять заданные действия. А уже готовый набор для отправки можно объединить как душе угодно.