<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      html可輸入下拉菜單應該如何編寫

      [摘要]這次給大家帶來html可輸入下拉菜單應該如何編寫,編寫html可輸入下拉菜單的注意事項有哪些,下面就是實戰案例,一起來看一下。代碼如下:<html> <head> <meta http-equiv="Content-Type" content=&q...
      這次給大家帶來html可輸入下拉菜單應該如何編寫,編寫html可輸入下拉菜單的注意事項有哪些,下面就是實戰案例,一起來看一下。

      代碼如下:

      <html> 
      <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
      </head> 
      <body> 
      <?php 
      echo ' 
      <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>'; 
      $aa=$_GET['hh']."111"; // select 下拉菜單的值 
      $bb=$_GET['box']."222"; // 輸入框的值 
      echo $aa; 
      echo "</br>"; 
      echo $bb; 
      // 要獲得可輸入下拉菜單的值,只要獲得輸入框的值即可。 
      ?> 
      </body> 
      </html>

      要獲得可輸入下拉菜單的值,只要獲得輸入框的值即可。
      注意:

      </span><input name="box" style="width:160px;position:absolute;left:0px;">

      這行要在一行中,不能寫成

      </span> 
      <input name="box" style="width:160px;position:absolute;left:0px;">

      換行了之后則下拉菜單的值不能顯示在 輸入框中。
      還可以根據輸入的內容自動選擇匹配的菜單值。

      相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

      相關閱讀:

      IE8兼容的重要屬性X-UA-Compatible

      html怎樣使用超鏈接打開新窗口并且控制該窗口屬性

      在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同

      以上就是html可輸入下拉菜單應該如何編寫的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清