Depende o que você está considerando como "validação do código HTML". Se for o resultado de ferramentas de validação de HTML que são possíveis encontrar pela internet, inclusive da W3C, sim, existe a possibilidade do seu arquivo se tornar inválido. Isso importa? Não. Pois se considerar como validação as definições e especificações da W3C, que é um consórcio que define os padrões web, o seu arquivo HTML continuará válido.
Na própria documentação no MDN é possível verificar:
Elementos pais permitidos Qualquer elemento que aceite conteúdo fraseado.
Ou seja, qualquer elemento que aceite conteúdo fraseado poderá conter elementos input
, button
, select
, etc. Perceba que em nenhum momento é descrito que obrigatoriamente precisa estar dentro de um elemento form
.
A própria especificação da W3C trás esse mesmo trecho:
Contexts in which this element can be used: Where phrasing content is expected.
É considerado má prática utilizá-los fora do form
? Não necessariamente. A pergunta correta a se fazer é: faz sentido na minha aplicação eu utilizá-los assim? Se a resposta é afirmativa, pode usá-los sem problemas. Inclusive é comum desenvolvedores utilizarem outros elementos de forma equivocada com o medo de utilizar tais elementos "de formulário". Um exemplo clássico é utilizar um elemento de âncora, a
, para abrir uma janela modal; semanticamente seria melhor utilizar o próprio button
, mesmo fora de um formulário ou para enviar informações ao servidor.