Avec cet exemple de code HTML

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form action="/signup.php" class="signup" method="post">
    <div class="field">
        <input type="text" class="text-input" autocomplete="off" name="user[name]" maxlength="20" placeholder="Nom complet">
    </div>
    <div class="field">
        <input type="text" class="text-input email-input" autocomplete="off" name="user[email]" placeholder="Email">
    </div>
    <div class="field">
        <input type="password" class="text-input" name="user[user_password]" placeholder="Mot de passe">
    </div>
    <button type="submit" class="btn signup-btn">
        S'inscrire
    </button>
</form>
je voudrais déterminer, via des requêtes XPath, pour chaque champ de type <input> le voisin de gauche, de droite, celui au dessus et celui en dessous.
L'idée étant que je voudrais déterminer/trouver un champ par rapport à son voisinage.


Pour ce faire, je pense que cela doit être possible avec les commandes XPath suivantes :
  • voisin de droite (to-right-of) : following-sibling
  • voisin de gauche (to-left-of) : preceding-sibling
  • au dessus (above) : parent
  • en dessous (below ) : child


De ce que je j'ai pu glaner sur la toile, cela n'est pas très explicite sur l'utilisation de ces commandes.
Bref je ne vois pas comment utiliser correctement ces commandes.

Merci de votre aide.