Html 引导窗体，如何与POST一起使用_Html_Twitter Bootstrap_Twitter Bootstrap 3

Html 引导窗体，如何与POST一起使用

html twitter-bootstrap twitter-bootstrap-3

Html 引导窗体，如何与POST一起使用,html,twitter-bootstrap,twitter-bootstrap-3,Html,Twitter Bootstrap,Twitter Bootstrap 3,我正在做一个班级项目，我有一个网页要搜索：以下是基本代码： <html> <head> <title>Search HPCF Inventory</title> </head> <body> <h1> Search </h1> <form action="results.php" method="POST"> Choose Search Type: <

我正在做一个班级项目，我有一个网页要搜索：

以下是基本代码：

<html>
<head> <title>Search HPCF Inventory</title>
</head>

<body>
    <h1> Search </h1>

    <form action="results.php" method="POST">
    Choose Search Type: <br />
    <select name="searchtype">
        <option value="ip"> IP Adress </option>
        <option value="ss_name"> Software Services </option>
        <option value="IS"> ISBN </option>
    </select>
    <br />
    Enter Search Term:<br />
    <input name="searchterm" type="text">
    <br />
    <input type="submit" value="Search">
    </form>

</body>
</html>


搜索HPCF库存
搜寻
选择搜索类型：

IP地址
软件服务
ISBN


输入搜索词：

现在，我想用Bootstrap3让它变得“漂亮”。我想知道我的网页上到底有什么，但老实说，我不了解引导的形式（我对网页很陌生），主要是如何说它是通过POST和如何放置变量名。我一直在这样的网站上寻找：

看起来很酷，但我不知道如何编辑它。。。有人可以分享必要的代码，让我在我的网页上使用bootstrap的东西吗

谢谢。

请通读并按照

那么，最终会是

<form action="results.php" method="POST" role="form" class="form-horizontal">
  <div class="form-group">
    <label for="searchterm" class="col-sm-2 control-label">Choose Search Type</label>
    <select name="searchtype" class="form-control">
      <option value="ip"> IP Adress </option>
      <option value="ss_name"> Software Services </option>
      <option value="IS"> ISBN </option>
    </select>
  </div>
  <div class="form-group">
    <label for="searchterm" class="col-sm-2 control-label">Choose Search Term</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="searchterm" name="searchterm">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">Search</button>
    </div>
  </div>
</form>


选择搜索类型
IP地址
软件服务
ISBN
选择搜索词
搜寻

我了解我的html是如何工作的，我正在使用php获取数据。php部分没有实现。正如你所看到的，我想要的只是使用bootstrap，这样看起来更漂亮。我完全误解了你的问题。谢谢，但是我是如何用bootstrap的形式来表达的呢？另外，select变量？BS主要是一个CSS框架，带有一些额外的javascript。假设表单的HTML是，BS HTML是，将BS类添加到现有代码中。即。BS通常会添加额外的跨距，例如，为了获得最佳效果，也可以复制这些跨距，因为它们通常用于一致的跨浏览器样式或可访问性或只是良好的实践。嗨，Ben，谢谢。它看起来是这样的：我怎样才能把它放在下拉栏和搜索栏更小的位置呢？把col-sm-10改成col-sm-8/你也可以把整个东西包装成ok谢谢。现在看起来是这样的：最后一个请求：有没有办法强制“搜索类型”出现在搜索栏的左侧，就像在搜索词栏中一样？也将其包装起来。我忘了将name属性合并到select标记中。谢谢