Для добавления значения из коллекции элементов или массива в текстовое поле при возникновении определенного события можно воспользоваться JavaScript. Вот пример кода:
```html
<!DOCTYPE html>
<html>
<head>
<title>Пример добавления значения в текстовое поле</title>
</head>
<body>
<input type="text" id="myInput">
<button id="myButton">Нажми меня</button>
<script>
document.getElementById('myButton').addEventListener('click', function() {
let myArray = ['значение1', 'значение2', 'значение3'];
document.getElementById('myInput').value = myArray.join(', '); // добавляем значения из массива в текстовое поле
});
</script>
</body>
</html>
```
Чтобы передать значение заголовка h1 в текстовый input после нажатия кнопки, можно также воспользоваться JavaScript. Например, предположим, что заголовок h1 находится вне области видимости кнопки:
```html
<!DOCTYPE html>
<html>
<head>
<title>Пример передачи значения заголовка в текстовый input</title>
</head>
<body>
<h1 id="myHeader">Этот текст нужно передать</h1>
<input type="text" id="myInput">
<button id="myButton">Нажми меня</button>
<script>
document.getElementById('myButton').addEventListener('click', function() {
let headerValue = document.getElementById('myHeader').textContent;
document.getElementById('myInput').value = headerValue;
});
</script>
</body>
</html>
```
В данном примере при нажатии на кнопку, значение текста заголовка h1 будет передано в текстовое поле input.