Isso pode ser feito utilizando JavaScript. Eu não sei qual é seu grau de conhecimento com JavaScript porém eu sou do tipo de cara que gosta de explicar pedaço por pedaço :D
jQuery
$('a').click(function () {
$('input').attr('value', $(this).text());
});
O código acima cria um evento do tipo click em todas as tags <a>
da página (eu não realidade não recomendo isso, pois o certo seria você criar uma ID para as âncoras da qual o conteúdo será adicionado ao atributo value
da tag <input>
).
Quando o usuário clicar na âncora, o evento procurará por todos os inputs da página e adicionará o atributo value
correspondente ao valor de $(this)
da âncora.
HTML
<body>
<a href="#">Valor1</a>
<a href="#">Valor2</a>
<input type="text">
</body>
Não quero ser chato com isso mas você colocou a tag <input>
fora de <body>
isso não é uma boa prática.
Se você quiser dê uma olhada neste link https://jsfiddle.net/iszwnc/1s1t6sko/ para ver o código acima rodando.
Update
Eu fiz essa modificação utilizando Classes. Por quê? Bom eu imagino que você queira pegar o valor de um grupo de âncoras certo? Utilizando ID você viola um conceito unitário (digamos assim).
Como assim unitário?
A ID é um tipo de seletor único, que não pode ser repetido a partir da sua declaração, em outras palavras se você definir uma ID para o Valor 1 você não poderá repeti-la no Valor 2.
É ai que entram as Classes, com este seletor você consegue repetir infinitas vezes em diferentes tags sem violar tal conceito.
Lembrando que este termo "unitário" não é explicitamente documentado pela W3C, eu apenas a utilizei para fins didáticos.