Как из input передать значение в src, на html

В Javascript
imgId.src = inputId.value

Юзер заполняет инпут, затем звонит верстальщику и диктует по буквам то что ввел, а верстальщик заполняет значение src в разметке.
На HTML - только так.

Используй JavaScript.
Пользователь вводит в инпут какое-либо строковое значение, далее нажимает кнопку "Отправить" и получается так:
https://jsfiddle.net/medw3jtg/1/
Только в поле под картинкой дракона подставь URL другой картинки.