Question

我目前正在创建一个房地产的网站，虽然我熟悉html，但我可以使用以下有关使用php的一些提示：

如何链接左栏上的搜索表单和下拉菜单，以在右栏上显示结果。
如何将分页与用于显示结果的php脚本结合使用。
如何根据显示结果的css样式显示结果。

我搜索了大量的教程并获得了关于如何创建搜索引擎但没有CSS样式或下拉菜单的最多结果。我附上了我的布局图像，以便更容易理解。

有关启动位置或设置背后的基本逻辑的任何提示都会有所帮助。

图片： http://postimg.org/image/5j2naarh3/

HTML

    <div class="w-clearfix main">
    <div class="search">
      <div class="param">
        <div class="w-form">
          <form name="email-form" data-name="Email Form">
            <h2 class="h2">Find Properties</h2>
            <input class="w-input dropdown" type="text" placeholder="Type your keywords" name="search" data-name="search"></input>
            <select class="w-select dropdown" name="property-type" data-name="property-type">
              <option value="">Property Type</option>
              <option value="First">Apartment</option>
              <option value="Second">Villa</option>
              <option value="Third">Land-only</option>
              <option value="fourth">Commercial \ Office</option>
              <option value="fifth">Chateau \ Mansion</option>
              <option value="sixth">Country Home</option>
              <option value="seventh">Loft</option>
              <option value="eighth">Equestrian</option>
              <option value="nineth">Golf</option>
              <option value="tenth">Vineyard</option>
              <option value="eleventh">Other</option>
            </select>
            <select class="w-select dropdown" name="dropdown">
              <option value="">Choose Country</option>
              <option value="pt">Portugal</option>
              <option value="es">Spain</option>
            </select>
            <select class="w-select dropdown" name="dropdown">
              <option value="">Choose City</option>
              <option value="lx">Lisbon</option>
              <option value="st">Setubal</option>
              <option value="mt">Montemor</option>
            </select>
            <select class="w-select dropdown" name="dropdown">
              <option value="">Price Range</option>
              <option value="First">100.000 - 500.000 €</option>
              <option value="Second">500.000 - 1.000.000 €</option>
              <option value="Third">1.000.000 - 5.000.000 €</option>
            </select>
            <input class="w-button param_button" type="submit" value="Reset" data-wait="Please wait..."></input>
            <input class="w-button param_button _2" type="submit" value="Submit" data-wait="Please wait..."></input>
          </form>
          <div class="w-form-done">
            <p>Thank you! Your submission has been received!</p>
          </div>
          <div class="w-form-fail">
            <p>Oops! Something went wrong while submitting the form :(</p>
          </div>
</div>
      </div>
    </div>
    <div class="results">
      <div class="ind_result">
        <div class="w-row">
          <div class="w-col w-col-3 w-col-small-6 w-clearfix image">
            <img class="image" src="images/3.jpg" alt="3.jpg">
          </div>
          <div class="w-col w-col-9 w-col-small-6 w-clearfix desc"><a class="title" href="#">Superb 5 room Apartment</a>
            <h4 class="price">990 000 €</h4>
            <h5 class="sub-title">Tróia - Setúbal</h5>
            <p class="description">BOULOGNE, facing the woods, superb five rooms apartment opening from both sides on two large private terraces (53 m²) apartment. In perfect condition, and very functional plan is ideal: entrance, living room, kitchen, three bedrooms (a fourth
              is possible), two bathrooms, two parking spaces and a cellar</p>
            <img class="map" src="images/show_on_map_btn.png" alt="show_on_map_btn.png">
          </div>
        </div>
      </div>

如何组合一组参数（如搜索）以在单独的列上显示结果？

0 个答案: