Semantic.Moscow

<div id="txt"></div><input type="text" oninput="typeit(this.value)"/>
<script>function typeit(text){
document.getElementById('txt').innerHTML=text;}</script>

не внимательно (наверное) прочитал.
если нужно в обратную сторону,
т.е. кликать по тексту, который должен вставляться в input, то так:

<div id="person">ВВП</div>
<input id="txt" type="text"/>
<script>
document.getElementById('person').addEventListener('click',(e)=>{
document.getElementById('txt').value=document.getElementById('person').innerHTML;});
</script>

Александр Гойник,

<button id="btn">click!</button>
<input id="txt" type="text">

<script>
document.getElementById('btn').addEventListener('click',(e)=>{
console.log(document.getElementById('txt').value);});
</script>

в document.getElementById('txt').value у вас попадает значение атрибута value,
ну а раз уж это текстовое поле, value, это как раз то самое содержимое текстового поля - заданное изначально,
или изменённое пользователем

background-image:(линия.png);
background-position:bottom left;
background-repeat:no-repeat;

линия.png - 1px
остальной бордер как обычно, с скруглением на нужный радиус.
вместо линия.png можно просто очень тонкий градиент нарисовать самим css

font-size-adjust наверное?

но это такое себе, странное.

ну нет, точно нет.

добавлю в контексте PHP: можно пропихнуть в ответ произвольный заголовок,
из которого в JS так же получить некоторые данные,
и самое вкусное: можно на PHP непосредственно в сам ответ начать сессию и пропихнуть кукис, заголовки и данные, в том числе блоб (звук или видео к примеру)

это какой-то подкаталог относительно корня?

тогда, вместо fetch("mail.php", {
писать fetch("./mail.php", {

или, где и в какой момент у вас 404?
может дело в

<meta http-equiv='refresh' content='10; url=http://thecode.local/'>

этот адрес в браузере доступен?

можно просто в логи сервера заглянуть и понять кто куда ломится перед ответом 404

если данные необходимо накапливать, а потом отправить всё скопом,
то можно использовать локальное хранилище.
или сессию, куда записывать получаемые по одному ответы из формы.

а сайт будет через свой VPN работать с API и данными?

xhr через таймауты.

через xhr можно принимать почти всё.
ставить кукисы, принимать произвольные заголовки, принимать текст или json, блобы (например музыку в проигрыватель или видео)

JS как раз по минимуму - только отправить запрос,
если получил маркер "что-то новое", то обновить блок (заранее заданный или по имени из полученных данных)

всё это на нативном JS, несколько строк и без библиотек.

можно на чистом HTML обойтись ;)
курить маны по details + summary

вероятно через caseBtn.dataset.data-case

в моём мобильном хроме ссылки в меню работают.

2. добавить к ссылкам по событию onclick="func()" выполнение функции, которая будет делать меню display:none