Например можн делать вот так:
<div>
<form name="publish">
<input type="text" name="message" placeholder="введите сообщение"/>
<input type="submit" value="отправить"/>
</form>
</div>
Когда нажимаем на копку отправить то данные забираем. При помощи например данного кода на JS
document.forms.publish.onsubmit = function() {
var message = this.message.value;
console.log(message)
return false;
};
Либо как написали выше можно делать:
document.getElementsByTagName("input")[0].value
Но тут есть свои нюансы
Ответ на Ваш комментарий:
Если нет кнопки в форме то можно воспользоваться событием onchange
Например вот форма без кнопки с событием onchange которое вызывает функцию на JS:
<div>
<form name="publish">
<input type="text" name="message" placeholder="введите сообщение"/ onchange='eventForm(this.value)'>
</form>
</div>
<script>
function eventForm(value) {
if (value == 'test') {
alert('Вы ввели то что нужно')
}
}
</script>
Подробно о событии onchange можете посмотреть тут:
https://learn.javascript.ru/events-change