将PHP表单链接到html页面中的divID

时间:2016-11-24 08:53:41

标签: php css html5

我有一堆完美的PHP表单。我正在努力将所有表单集成到一个HTML页面中,以便在单击时它在同一个HTML页面中打开表单。我是HTML5的新手并获取了一些HTML文件并对其进行了修改。

我面临两个问题。 1.单击表单顶部的选项(从下拉列表),它将在新选项卡中打开页面。我需要在HTML页面的中心打开它。 2.我需要创建内联下拉框,第二个下拉菜单没有正确显示。

这可能是微不足道的,或者我做错了什么? 专家,请告诉我我错过了什么..

<!DOCTYPE HTML>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>DG SIM</title>

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
     <link rel="stylesheet" href="/ASSIM/css/bootstrap.min.css">
        <script src="/ASSIM/jquery-1.11.3.min.js"></script>
        <script src="/ASSIM/js/bootstrap.min.js"></script>



    <style type="text/css">
        .x-panel-framed {
            padding: 0;
        }
       #div_g2 {
                background-color: #FFFFFF;
                        margin: 10 10 10 10;
       }
button#inner {
  color: #FFF;
  background-color: #3498DB;
  border-radius: 10px;
  margin: 0px 10px 10px 0px;
  font-weight: bold;
  font-size: 110%;
  width: 100%;
  text-transform: uppercase;
}
.dropdown-menu form :focus{
color:black;
background-color: none;
}

.buttonWidth {
width: 160px
}


    </style>

<script type="text/javascript">

$(function() {
    pageLoaded();

});


function pageLoaded() {
//need to call a php script here too so that it shows up on the cneter page.
}


Code:

    </script>
    </head>
    <body style="background-color:#0067AC;">
    <div align="center"><img src="img/aff_new.gif" /><img src="img/corp_id_small.gif" /></div>

    <!-- Device options-->
     <div class="dropdown">
      <button class="btn btn-primary dropdown-toggle buttonWidth" type="button" data-toggle="dropdown">Device Options
      <span class="caret"></span></button>
            <ul class="dropdown-menu">
            <li><a href="/ASSIM/addDevice.php" target="div_g2">Onboarding Devices</a></li>
            <li><a target="div_g2" href="/ASSIM/trialdeviceActions.php">Device Actions</a</li>
            </ul>
      </div>

    <!-- DATA Option

    <div class="dropdown">
      <button class="btn btn-primary dropdown-toggle buttonWidth" type="button" data-toggle="dropdown">SCEF Options
      <span class="caret"></span></button>

          <ul class="dropdown-menu">
            <li><a target="div_g2" href="/ASSIM/addSF.php">ADD SCEF</a>
              <li><a target="div_g2" href="/ASSIM/trial.html">Delete SCEF</a>
            </li>
          </ul>
      </div>
    </div>
    -->
          <div style="background-color:#0067AC; position: absolute; left: 10px; right: 10px; top: 95px; bottom: 10px;" > <div>
          <div id='div_g2' style='height:500px; top: 30px;'></div>
       </div>


    </body>

    </html>

0 个答案:

没有答案