Projet réseau social un utilisateur voit son profil (test)

Bonjour à tous.
Je dois créer un projet de réseau social équivalent à facebook et je suis en train de créer le profil d'un membre utilisant boostrap 5. Dans le navigateur j'ai bien le profil principal de l'administrateuravec ses informations qui sont vide (Pseudonyme, nom et prénom, age, gender, email, téléphone, bio et préférences). Dans mes consignes on me demande à ce que l'administrateur puisse voir son profil, le modifier et le supprimer. Ma question serait est- il possible que lorsqu à titre d'exemple je mets une information de profil quelconque (exemple martin Dupont et tout son identité) elle puisse s'afficher automatiquement ou bien suis je obligé dans le VS code de les codifier manuellement en rajoutant un value sur pseudo, nom et prénom etc....? Merci à vous tous Voici mon code

[<!--identité du profil administrateur-->
<div class="container mt-5">
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="card-body text-center">
<img
src="assets/Lego.png"
alt="Photo de profil de Lego"
class="rounded-circle img-fluid"
style="width: 150px"
/>
<h4 class="mt-3">Pseudonyme:</h4>
</div>
</div>
</div>
<div class="col-md-8">
<div class="card">
<div class="card-body">
<form id="adminProfileForm">
<div class="mb-3">
<label for="adminUsername" class="form-label"

Pseudonyme</label

<input
type="text"
class="form-control"
id="adminUsername"
name="Username"
/>
</div>
<div class="mb-3">
<label for="adminFullName" class="form-label"
Nom et prénom</label

<input
type="text"
class="form-control"
id="adminFullName"
name="FullName"
/>
</div>
<div class="mb-3">
<label for="adminAge" class="form-label">Âge</label>
<input
type="number"
class="form-control"
id="adminAge"
name="Age"
/>
</div>
<div class="mb-3">
<label for="adminGender" class="form-label">Genre</label>
<select class="form-select" id="adminGender" name="Gender">
<option value="male">Masculin</option>
<option value="female">Féminin</option>
</select>
</div>
<div class="mb-3">
<label for="adminEmail" class="form-label">Email</label>
<input
type="email"
class="form-control"
id="adminEmail"
name="Email"
/>
</div>
<div class="mb-3">
<label for="adminPhone" class="form-label">Téléphone</label>
<input
type="tel"
class="form-control"
id="adminPhone"
name="Phone"
/>
</div>
<div class="mb-3">
<label for="adminBio" class="form-label">Présentation</label>
<textarea
class="form-control"
id="adminBio"
name="Bio"
rows="3"
</textarea>
</div>
<div class="mb-3">
<label for="adminPreferences" class="form-label"
Préférences</label

<input
type="text"
class="form-control"
id="adminPreferences"
name="Preferences"
/>
</div>
<!--modification du profil de l'administrateur-->
<button type="submit" class="btn btn-primary">
Modifier les informations
</button>
<!--suppression du profil de l'administrateur-->
<button type="submit" class="btn btn-danger">Supprimer</button>
</form>
</div>
</div>
</div>
</div>
</div>

<!--Section pour supprimer le profil de l'administrateur-->
<div id="deleteProfileSection" class="container mt-5" style="display: none">
<div class="card">
<div class="card-body">
<h5>Supprimer le profil de l'Administrateur</h5>
<p>
êtes-vous sur de vouloir supprimer votre profil administrateur?
Cette action est irréversible.
</p>
<button type="submit" class="btn btn-danger">Supprimer</button>
<button
type="button"
class="btn btn-secondary"
onclick="hideDeleteProfileSection()"

Annuler
</button>
</div>
</div>
</div>]