JSFiddle - React, Tailwind, and code Playground

HTML

<form action="enviar.php" method="post" class="wpcf7-form">

    <input type="text" name="nome" value="" size="40" class="classe_form_1" placeholder="Seu nome (obrigatório)">
    <input type="email" name="email" value="" size="40" class="classe_form_1" placeholder="Seu e-mail (obrigatório)">
    <input type="text" name="assunto" value="" size="40" class="classe_form_1" placeholder="Assunto (obrigatório)">
    <textarea name="mensagem" cols="40" rows="10" class="classe_form_2" placeholder="Mensagem (obrigatório)"></textarea>
    <button type="submit" class="botao_contato" id="botao-contato">Enviar</button>
</form>

CSS

form > * {
    display: block;
}

JavaScript

$(':input').on('focus', function() {
    this.dataset.placeholder = this.placeholder;
    this.placeholder = '';
}).on('blur', function(){
    this.placeholder = this.dataset.placeholder;
});