Maison >interface Web >tutoriel HTML >Comment écrire le menu déroulant d'entrée HTML

Comment écrire le menu déroulant d'entrée HTML

php中世界最好的语言
php中世界最好的语言original
2018-01-27 09:34:462528parcourir

Cette fois, je vais vous montrer comment écrire un menu déroulant html saisissable et quelles sont les précautions lors de l'écriture d'un menu déroulant html saisissable. Voici un exemple pratique. cas. Jetons un coup d'oeil une fois.

Le code est le suivant :

<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>

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;">

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;">

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 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 :

Attributs importants de la fenêtre de compatibilité IE8 et contrôle des propriétés de la fenêtre

Dans la liste HTML, quoi sont les différences entre dl(dt,dd), ul(li) et ol(li)

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!

Déclaration:
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