Are there any best practices for naming variables in HTML forms to avoid bad design?

When naming variables in HTML forms, it is important to use descriptive and meaningful names to avoid confusion and maintain good design practices. Avoid using generic names like "input1" or "text" and instead opt for names that clearly indicate the purpose of the variable. This will make it easier for developers to understand the code and maintain it in the future.

<form action="submit.php" method="post">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username">
  
  <label for="email">Email:</label>
  <input type="email" id="email" name="email">
  
  <input type="submit" value="Submit">
</form>