Maison > interface Web > tutoriel HTML > le corps du texte

Comment implémenter le menu déroulant de saisie HTML

php中世界最好的语言
Libérer: 2018-02-02 09:45:16
original
3277 Les gens l'ont consulté

Cette fois, je vais vous montrer comment implémenter le menu déroulant HTML , et quelles sont les précautions pour implémenter le menu déroulant HTML inputable. Ce qui suit est un exemple pratique. cas. Jetons un coup d'oeil.

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body> 
<?php 
echo &#39; 
<form name="DDForm" method="GET" action=""> 
<div style="position:relative;"> 
<span style="margin-left:100px;width:18px;overflow:hidden;"> 
<select style="width:180px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value" name="hh"> 
<option value="汽车">汽车 </option> 
<option value="火车"> 火车 </option> 
<option value="飞机"> 飞机 </option> 
</select> 
</span><input name="box" style="width:160px;position:absolute;left:0px;"> 
<input value="提交" name="submit" type="submit"/> 
</div> 
</form>&#39;; 
$aa=$_GET[&#39;hh&#39;]."111"; // select 下拉菜单的值 
$bb=$_GET[&#39;box&#39;]."222"; // 输入框的值 
echo $aa; 
echo "</br>"; 
echo $bb; 
// 要获得可输入下拉菜单的值,只要获得输入框的值即可。 
?> 
</body> 
</html>
Copier après la connexion

Pour obtenir la valeur qui peut être saisie dans le menu déroulant, récupérez simplement la valeur de la zone de saisie.
Remarque :

 </span><input name="box" style="width:160px;position:absolute;left:0px;">
Copier après la connexion

Cette ligne doit être sur une seule ligne et ne peut pas être écrite comme

</span> <input name="box" style="width:160px;position:absolute;left:0px;">
Copier après la connexion

Après avoir enveloppé la ligne, la valeur de la liste déroulante Le menu ne peut pas être affiché dans la zone de saisie.
Vous pouvez également sélectionner automatiquement les valeurs de menu correspondantes en fonction du contenu saisi.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment utiliser la fenêtre d'affichage dans la balise méta pour contrôler les propriétés CSS de l'écran de l'appareil

Sélection radio et comment styliser une image de bouton de sélection multiple

Il existe plusieurs façons de désactiver les contrôles de formulaire en HTML

Combien de boutons y a-t-il ? Une méthode de réponse par clic

Comment résoudre le problème d'une ligne vide au dessus et en dessous du formulaire après l'avoir insérée

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal