Comment gérer le remplissage et la saisie semi-automatique dans les formulaires PHP

Comment gérer le remplissage automatique et la saisie semi-automatique dans les formulaires PHP

Avec le développement d'Internet, les gens s'appuient de plus en plus sur les fonctionnalités de remplissage automatique et de saisie semi-automatique pour simplifier leurs opérations sur le site Web. L'implémentation de ces fonctions dans les formulaires PHP n'est pas compliquée. Cet article présentera brièvement comment utiliser PHP pour gérer le remplissage et la saisie automatique des formulaires.

Avant de commencer, nous devons clarifier ce que sont la saisie semi-automatique et la saisie semi-automatique. Le remplissage automatique fait référence au remplissage automatique des champs d'un formulaire pour les utilisateurs en fonction de leur saisie ou de leur historique précédent. Par exemple, lorsqu'un utilisateur saisit une adresse e-mail, les adresses e-mail possibles sont automatiquement renseignées en fonction de la saisie précédente de l'utilisateur. La saisie semi-automatique fait référence à la fourniture automatique d'options possibles à l'utilisateur au cours de son processus de saisie. Par exemple, lorsque l'utilisateur saisit un nom de ville, les noms de ville possibles sont automatiquement affichés pour que l'utilisateur puisse les choisir.

Tout d'abord, nous avons besoin d'une base de données pour stocker les données de saisie automatique et de saisie semi-automatique. Prenons le nom de la ville comme exemple. Tout d'abord, créons une table de base de données nommée "city", qui contient un champ nommé "city_name" pour stocker le nom de la ville.

CREATE TABLE city (

city_name VARCHAR(255) NOT NULL

);

Ensuite, nous devons préparer des données de nom de ville pour remplir la base de données. Nous pouvons ajouter des données manuellement ou les importer à l'aide d'un fichier CSV.

INSERT INTO city (city_name) VALUES

('北京'),
('上海'),
('广州'),
('深圳'),
('杭州');

Maintenant que la base de données et les données sont prêtes, nous pouvons commencer à traiter le formulaire. Tout d’abord, nous avons besoin d’une zone de saisie pour recevoir les entrées de l’utilisateur.

Il convient de noter que nous définissons l'attribut de saisie semi-automatique de la zone de saisie sur "off" pour éviter le la saisie semi-automatique par défaut du navigateur interfère avec notre saisie semi-automatique.

Ensuite, nous utilisons AJAX pour implémenter les fonctions de remplissage automatique et de saisie semi-automatique. Après avoir saisi du texte dans la zone de saisie, nous obtenons le nom de la ville correspondant via AJAX et l'affichons dans la liste déroulante.

<script><br>$(document).ready(function( ){</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>$('#city').keyup(function(){ var query = $(this).val(); if(query != ''){ $.ajax({ url:&quot;fetch.php&quot;, method:&quot;POST&quot;, data:{query:query}, success:function(data){ $('#cityList').fadeIn(); $('#cityList').html(data); } }); } }); $(document).on('click', 'li', function(){ $('#city').val($(this).text()); $('#cityList').fadeOut(); });</pre><div class="contentsignin">Copier après la connexion</div></div><p>});<br></script>

Dans le code ci-dessus, nous avons utilisé la bibliothèque jQuery pour simplifier l'utilisation d'AJAX. Une fois que l'utilisateur a saisi le texte, nous envoyons le texte saisi au fichier "fetch.php" pour traitement via AJAX et affichons le nom de la ville renvoyé dans la liste déroulante. Une fois que l'utilisateur a cliqué sur un nom de ville, nous remplissons le nom de la ville dans la zone de saisie et masquons la liste déroulante.

Alors, comment le fichier "fetch.php" gère-t-il les requêtes ? Ensuite, écrivons le code du fichier "fetch.php".

//Connectez-vous à la base de données
$dsn = "mysql:host=localhost;dbname=test;charset=utf8";
$username = "root";
$password = "";
$ options = array(

PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC

);
try{

$db = new PDO($dsn, $username, $password, $options);

}catch(PDOException $e){

die("连接数据库失败：" . $e->getMessage());

}

// Récupérer les paramètres de la requête AJAX
$query = $_POST['query'] ? ? '';

//Recherchez le nom de la ville correspondant dans la base de données
$sql = "SELECT * FROM city WHERE city_name LIKE :query";
$stmt = $db->prepare($sql);
$stmt ->bindValue( ':query', '%'.$query.'%');
$stmt->execute();
$result = $stmt->fetchAll();

// Retour à la liste des noms de ville
if ($stmt->rowCount() > 0){

foreach($result as $row){
    echo "<li>". $row['city_name'] . "</li>";
}

}else{

echo "<li>无匹配城市</li>";

}
?>

Dans le code ci-dessus, nous nous connectons d'abord à la base de données. Ensuite, nous obtenons les paramètres de la requête AJAX et utilisons l'instruction LIKE pour interroger le nom de la ville correspondant dans la base de données. Enfin, nous renvoyons les résultats de la requête au front-end.

À ce stade, nous avons terminé l'implémentation des fonctions de remplissage automatique et de saisie semi-automatique dans les formulaires PHP. Les utilisateurs n'ont qu'à saisir une partie du nom de la ville, et le nom de la ville correspondant sera automatiquement obtenu et affiché dans la liste déroulante. Une fois que l'utilisateur a sélectionné un nom de ville, celui-ci est automatiquement renseigné dans la zone de saisie. De cette façon, nous fournissons non seulement une méthode de saisie pratique, mais améliorons également l’expérience utilisateur.

En conclusion, PHP fournit des fonctionnalités puissantes pour gérer la saisie automatique et la saisie semi-automatique des formulaires. Grâce à une conception de base de données raisonnable et à une technologie frontale, nous pouvons facilement mettre en œuvre ces fonctions et offrir une meilleure expérience interactive aux utilisateurs. J'espère que cet article vous a été utile pour comprendre et utiliser la saisie semi-automatique et la saisie semi-automatique dans les formulaires PHP.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!