Comment implémenter un menu déroulant d'entrée en HTML-tutoriel HTML-php.cn

Comment implémenter un menu déroulant d'entrée en HTML

php中世界最好的语言

Libérer： 2018-01-25 11:21:21

original

2888 Les gens l'ont consulté

Cette fois, je vais vous montrer comment implémenter un menu déroulant saisissable en HTML, et quelles sont les précautions pour implémenter un menu déroulant saisissable en HTML. un cas pratique, regardons ensemble.

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body> 
<?php 
echo &#39; 
<form name="DDForm" method="GET" action=""> 
<p 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"/> 
</p> 
</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

Une fois la ligne modifiée, la valeur du drop- Le menu déroulant 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 d'entrée.

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 implémenter la fonction de téléchargement en HTML

Comment implémenter le texte du bouton de clic dans un zone de saisie, cliquez sur Enregistrer pour obtenir l'effet de le transformer en texte

canvas.toDataURL image/png Comment gérer les erreurs

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!