Публикация функций PHP из формы без обновления страницы?

В данный момент я работаю над проектом и пытался реализовать форму, которая была отправлена ​​на той же странице, запустив функцию php при нажатии кнопки «отправить», которая фактически просто запускает функцию. Однако у меня возникли некоторые трудности при тестировании этого, и он казался невосприимчивым к тестам PHP до и после него.

Вот мой код:

<?php
function lcontactSend() {
    if (isset($_POST['lcontactname'])){
    echo $_POST['lcontactname'];
    } else {
        echo "Test Success";
    }

}
?>

<div style = "color: #818181; width: auto; height 50vh; display:flex; flex-direction: row; justify-content: space-around;">

<div style = "padding: 2vw; width: 35vw; height: 50vh; display: flex; justify-content: top; flex-direction: column; ">
<h2 style = "color: #818181; margin: 0;">Contact</h2>
Questions? Go ahead.
<form method = "post">
<p><input name='lcontactname' type = "text" placeholder = "Name" style = "height: 5vh; width:28vw" required></p>
<p><input name='lcontactemail' type = "text" placeholder = "Email" style = "height: 5vh; width:28vw" required></p>
<p><input name='lcontactsubject' type = "text" placeholder = "Subject" style = "height: 5vh; width:28vw" required></p>
<p><input name='lcontactmessage' type = "text" placeholder = "Message" style = "height: 5vh; width:28vw" required></p>
<p><input type='button' value='send' style = "height: 5vh; width: 28vw; color: white;background-color:black; border: 2px white; padding: auto; font-size: calc(1vw + 0.5vh);" onClick='lcontactSend();'></p>
</form>
</div>

Есть ли у кого-нибудь предложения, куда двигаться дальше? В идеале я надеялся отказаться от обновления страницы использования, поскольку это несовместимо с некоторыми браузерами.

Обновлено: спасибо за объяснение разницы между клиентским и серверным кодом. Тем не менее, есть идеи, как применить это здесь, потому что мне кажется, что способ JavaScript должен обновить страницу или просто не будет работать?

:)