8.23. Foundation form

The Foundation form control is automatically set to the global style:

所有 </span> </code> , <code class="docutils literal notranslate"> <span class="pre"> <select> </span> </code> 及 <code class="docutils literal notranslate"> <span class="pre"> <input> </span> </code> 元素宽度都为 100%，且带有外边距、内边距、阴影和鼠标移动效果。 </p> <section id="id1"> <h2> <span class="section-number"> 8.23.1. </span> Example <a class="headerlink" href="#id1" title="Link to this heading"> ¶ </a> </h2> <div class="highlight-default notranslate"> <div class="highlight"> <pre><span></span><span class="o"><</span><span class="n">form</span><span class="o">></span> <span class="n">Input</span><span class="p">:</span> <span class="o"><</span><span class="nb">input</span> <span class="nb">type</span><span class="o">=</span><span class="s2">"text"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"Name"</span><span class="o">></span> <span class="n">Textarea</span><span class="p">:</span> <span class="o"><</span><span class="n">textarea</span> <span class="n">rows</span><span class="o">=</span><span class="s2">"4"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"Address"</span><span class="o">></</span><span class="n">textarea</span><span class="o">></span> <span class="n">Select</span><span class="p">:</span> <span class="o"><</span><span class="n">select</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">1</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">2</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">3</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">4</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"></</span><span class="n">select</span><span class="o">></span> <span class="o"></</span><span class="n">form</span><span class="o">></span> </pre> </div> </div> <p> <a class="reference external" href="https://www.runoob.com/try/try2.php?filename=tryfoundation_forms"> 尝试一下 » </a> </p> <section id="id2"> <h3> Label <a class="headerlink" href="#id2" title="Link to this heading"> ¶ </a> </h3> <p> Use in a form <code class="docutils literal notranslate"> <span class="pre"> <label> </span> </code> Element to set the tag, which can add a for attribute and an id attribute. The user gets the focus of the input box when clicking on the label or input field: </p> </section> </section> <section id="id3"> <h2> <span class="section-number"> 8.23.2. </span> Example <a class="headerlink" href="#id3" title="Link to this heading"> ¶ </a> </h2> <div class="highlight-default notranslate"> <div class="highlight"> <pre><span></span><span class="o"><</span><span class="n">form</span><span class="o">></span> <span class="o"><</span><span class="n">label</span> <span class="k">for</span><span class="o">=</span><span class="s2">"name"</span><span class="o">></span><span class="n">Input</span> <span class="o"><</span><span class="nb">input</span> <span class="nb">type</span><span class="o">=</span><span class="s2">"text"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"Name"</span> <span class="nb">id</span><span class="o">=</span><span class="s2">"name"</span><span class="o">></span> <span class="o"></</span><span class="n">label</span><span class="o">></span> <span class="o"><</span><span class="n">label</span> <span class="k">for</span><span class="o">=</span><span class="s2">"adr"</span><span class="o">></span><span class="n">Label</span> <span class="o"><</span><span class="n">textarea</span> <span class="n">rows</span><span class="o">=</span><span class="s2">"4"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"Address"</span> <span class="nb">id</span><span class="o">=</span><span class="s2">"adr"</span><span class="o">></</span><span class="n">textarea</span><span class="o">></span> <span class="o"></</span><span class="n">label</span><span class="o">></span> <span class="o"><</span><span class="n">label</span> <span class="k">for</span><span class="o">=</span><span class="s2">"num"</span><span class="o">></span><span class="n">Select</span> <span class="o"><</span><span class="n">select</span> <span class="nb">id</span><span class="o">=</span><span class="s2">"num"</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">1</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">2</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">3</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"><</span><span class="n">option</span><span class="o">></span><span class="mi">4</span><span class="o"></</span><span class="n">option</span><span class="o">></span> <span class="o"></</span><span class="n">select</span><span class="o">></span> <span class="o"></</span><span class="n">label</span><span class="o">></span> <span class="o"></</span><span class="n">form</span><span class="o">></span> </pre> </div> </div> <p> <a class="reference external" href="https://www.runoob.com/try/try2.php?filename=tryfoundation_forms_label"> 尝试一下 » </a> </p> <p> If you need to set the right alignment of labels, you can use the <code class="docutils literal notranslate"> <span class="pre"> .right </span> </code> Class: </p> </section> <section id="id4"> <h2> <span class="section-number"> 8.23.3. </span> Example <a class="headerlink" href="#id4" title="Link to this heading"> ¶ </a> </h2> <div class="highlight-default notranslate"> <div class="highlight"> <pre><span></span><span class="o"><</span><span class="n">label</span> <span class="n">class</span><span class="o">=</span><span class="s2">"right"</span><span class="o">></span> </pre> </div> </div> <p> <a class="reference external" href="https://www.runoob.com/try/try2.php?filename=tryfoundation_forms_label_right"> 尝试一下 » </a> </p> </section> <section id="fieldset"> <h2> <span class="section-number"> 8.23.4. </span> Fieldset <a class="headerlink" href="#fieldset" title="Link to this heading"> ¶ </a> </h2> <div class="highlight-default notranslate"> <div class="highlight"> <pre><span></span>Foundation 渲染 ``<fieldset>`` 元素的样式如下： </pre> </div> </div> </section> <section id="id5"> <h2> <span class="section-number"> 8.23.5. </span> Example <a class="headerlink" href="#id5" title="Link to this heading"> ¶ </a> </h2> <div class="highlight-default notranslate"> <div class="highlight"> <pre><span></span><span class="o"><</span><span class="n">form</span><span class="o">></span> <span class="o"><</span><span class="n">fieldset</span><span class="o">></span> <span class="o"><</span><span class="n">legend</span><span class="o">></span><span class="n">Fieldset</span> <span class="n">Legend</span><span class="o"></</span><span class="n">legend</span><span class="o">></span> <span class="o"><</span><span class="n">label</span><span class="o">></span><span class="n">Name</span> <span class="o"><</span><span class="nb">input</span> <span class="nb">type</span><span class="o">=</span><span class="s2">"text"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"First Name.."</span><span class="o">></span> <span class="o"></</span><span class="n">label</span><span class="o">></span> <span class="o"><</span><span class="n">label</span><span class="o">></span><span class="n">Email</span> <span class="o"><</span><span class="nb">input</span> <span class="nb">type</span><span class="o">=</span><span class="s2">"text"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"Enter email.."</span><span class="o">></span> <span class="o"></</span><span class="n">label</span><span class="o">></span> <span class="o"></</span><span class="n">fieldset</span><span class="o">></span> <span class="o"></</span><span class="n">form</span><span class="o">></span> </pre> </div> </div> <p> <a class="reference external" href="https://www.runoob.com/try/try2.php?filename=tryfoundation_forms_fieldset"> 尝试一下 » </a> </p> <section id="id6"> <h3> Error statu <a class="headerlink" href="#id6" title="Link to this heading"> ¶ </a> </h3> <p> Use <code class="docutils literal notranslate"> <span class="pre"> .error </span> </code> Class to set the wrong label, input box, and text box style </p> </section> </section> <section id="id7"> <h2> <span class="section-number"> 8.23.6. </span> Example <a class="headerlink" href="#id7" title="Link to this heading"> ¶ </a> </h2> <div class="highlight-default notranslate"> <div class="highlight"> <pre><span></span><span class="o"><</span><span class="n">form</span><span class="o">></span> <span class="o"><</span><span class="n">label</span> <span class="n">class</span><span class="o">=</span><span class="s2">"error"</span><span class="o">></span><span class="n">Error</span> <span class="o"><</span><span class="nb">input</span> <span class="nb">type</span><span class="o">=</span><span class="s2">"text"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"Name.."</span><span class="o">></span> <span class="o"></</span><span class="n">label</span><span class="o">></span> <span class="o"><</span><span class="n">small</span> <span class="n">class</span><span class="o">=</span><span class="s2">"error"</span><span class="o">></span><span class="n">Wrong</span> <span class="nb">input</span><span class="o"></</span><span class="n">small</span><span class="o">></span> <span class="o"><</span><span class="n">textarea</span> <span class="n">rows</span><span class="o">=</span><span class="s2">"4"</span> <span class="n">placeholder</span><span class="o">=</span><span class="s2">"Address"</span><span class="o">></</span><span class="n">textarea</span><span class="o">></span> <span class="o"><</span><span class="n">small</span> <span class="n">class</span><span class="o">=</span><span class="s2">"error"</span><span class="o">></span><span class="n">Wrong</span> <span class="nb">input</span><span class="o"></</span><span class="n">small</span><span class="o">></span> <span class="o"></</span><span class="n">form</span><span class="o">></span> </pre> </div> </div> <p> <a class="reference external" href="https://www.runoob.com/try/try2.php?filename=tryfoundation_forms_error"> 尝试一下 » </a> </p> <p> <strong> 注意 </strong> You need to use JavaScript to update the error status entered by the user. </p> </section> </section> </div> </div> </div> <div class="panel-footer"> <div class="row"> <div class="col-sm-12" style="overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block"> 文章链接 ： <a class="text-primary" href="/tutorial/k4666/" title="8.23. Foundation form ">8.23. Foundation form </a> </div> </div> </div> </div> </div> <div class="col-sm-3"> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm "> <div class="card-header"> <a class="d-flex align-items-center text-decoration-none "> <h3>Principles and Applications of WebGIS </h3>  <span class="badge bg-primary rounded-pill">37</span> </a> <p> <small class="text-muted"><article class="bd-article"> <section id="webgis"> </section> </article></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k601/" class="text-decoration-none"> 1. Geographical Information Systems in the World Wide Web Era <span class="badge bg-primary rounded-pill">4</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k602/" class="text-decoration-none"> 2. Basic technology of WebGIS <span class="badge bg-primary rounded-pill">4</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k603/" class="text-decoration-none"> 3. Geographic Web Services <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k604/" class="text-decoration-none"> 4. aggregation of geographical information <span class="badge bg-primary rounded-pill">4</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k605/" class="text-decoration-none"> 5. mobile GIS <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k606/" class="text-decoration-none"> 6. Geographic information portal <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k607/" class="text-decoration-none"> 7. New generation national spatial data infrastructure and GIS <span class="badge bg-primary rounded-pill">4</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k608/" class="text-decoration-none"> 8. Application of WebGIS in E-Commerce <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k609/" class="text-decoration-none"> 9. Application of WebGIS in E-government <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k610/" class="text-decoration-none"> 10. Hotspots and frontiers of WebGIS <span class="badge bg-primary rounded-pill">2</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm "> <div class="card-header"> <a class="d-flex align-items-center text-decoration-none "> <h3>Web框架 </h3>  <span class="badge bg-primary rounded-pill">942</span> </a> <p> <small class="text-muted"><div class="body" role="main"> <section id="web"> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kb01/" class="text-decoration-none"> 1. Angularjs2 <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka01/" class="text-decoration-none"> 1. SVG tutorial <span class="badge bg-primary rounded-pill">19</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc01/" class="text-decoration-none"> 1. Memcached <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh01/" class="text-decoration-none"> 1. C# tutorial <span class="badge bg-primary rounded-pill">61</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kd01/" class="text-decoration-none"> 1. Sqlite <span class="badge bg-primary rounded-pill">47</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh02/" class="text-decoration-none"> 2. Go <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kd02/" class="text-decoration-none"> 2. Docker <span class="badge bg-primary rounded-pill">59</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kb02/" class="text-decoration-none"> 2. Vue3 <span class="badge bg-primary rounded-pill">19</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka02/" class="text-decoration-none"> 2. Servlet <span class="badge bg-primary rounded-pill">21</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kb03/" class="text-decoration-none"> 3. React <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka03/" class="text-decoration-none"> 3. SOAP tutorial <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc03/" class="text-decoration-none"> 3. Android <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kd03/" class="text-decoration-none"> 3. Mongodb <span class="badge bg-primary rounded-pill">44</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh03/" class="text-decoration-none"> 3. Kotlin <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh04/" class="text-decoration-none"> 4. Lua <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kd04/" class="text-decoration-none"> 4. MySQL tutorial <span class="badge bg-primary rounded-pill">34</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc04/" class="text-decoration-none"> 4. Appml <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh05/" class="text-decoration-none"> 5. Perl <span class="badge bg-primary rounded-pill">45</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kd05/" class="text-decoration-none"> 5. Postgresql <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka05/" class="text-decoration-none"> web <span class="badge bg-primary rounded-pill">15</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka06/" class="text-decoration-none"> 5. Web Services tutorial <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh06/" class="text-decoration-none"> 6. Ruby <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc06/" class="text-decoration-none"> 6. Design-pattern <span class="badge bg-primary rounded-pill">35</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc07/" class="text-decoration-none"> 7. Django <span class="badge bg-primary rounded-pill">18</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh07/" class="text-decoration-none"> 7. Rust <span class="badge bg-primary rounded-pill">22</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka07/" class="text-decoration-none"> 6. WSDL tutorial <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc08/" class="text-decoration-none"> 8. Foundation <span class="badge bg-primary rounded-pill">39</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc09/" class="text-decoration-none"> 9. Ios <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka09/" class="text-decoration-none"> 8. Css3 <span class="badge bg-primary rounded-pill">26</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh09/" class="text-decoration-none"> 9. Swift <span class="badge bg-primary rounded-pill">43</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka12/" class="text-decoration-none"> 11. HTML tutorial-(HTML5 Standard) <span class="badge bg-primary rounded-pill">54</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka13/" class="text-decoration-none"> 12. Http <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc13/" class="text-decoration-none"> 13. Regex <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc14/" class="text-decoration-none"> 14. Regexp <span class="badge bg-primary rounded-pill">7</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm "> <div class="card-header"> <a class="d-flex align-items-center text-decoration-none "> <h3>WEB基础 </h3>  <span class="badge bg-primary rounded-pill">287</span> </a> <p> <small class="text-muted"><div class="body" role="main"> <section id="web"> </section> </div></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc02/" class="text-decoration-none"> 2. ADO tutorial <span class="badge bg-primary rounded-pill">23</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka04/" class="text-decoration-none"> 4. W3C tutorial <span class="badge bg-primary rounded-pill">16</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc05/" class="text-decoration-none"> 5. Data-structures <span class="badge bg-primary rounded-pill">31</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kh08/" class="text-decoration-none"> 8. Scala <span class="badge bg-primary rounded-pill">41</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka08/" class="text-decoration-none"> 7. Bootstrap5 <span class="badge bg-primary rounded-pill">37</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc10/" class="text-decoration-none"> 10. Markdown <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka10/" class="text-decoration-none"> 9. Echarts <span class="badge bg-primary rounded-pill">12</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc11/" class="text-decoration-none"> 11. Maven <span class="badge bg-primary rounded-pill">20</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka11/" class="text-decoration-none"> 10. Font-awesome <span class="badge bg-primary rounded-pill">16</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc12/" class="text-decoration-none"> 12. RDF tutorial <span class="badge bg-primary rounded-pill">11</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/ka14/" class="text-decoration-none"> 13. Sass <span class="badge bg-primary rounded-pill">14</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/kc15/" class="text-decoration-none"> 15. XML Schema tutorial <span class="badge bg-primary rounded-pill">56</span> </a> </li> </ul> </div> </div> <div class="catalog_div col-sm-12"> <div class="card mb-4 shadow-sm "> <div class="card-header"> <a class="d-flex align-items-center text-decoration-none "> <h3>Principles, Technologies, and Methods of Geographic Information Systems </h3>  <span class="badge bg-primary rounded-pill">102</span> </a> <p> <small class="text-muted"><article class="bd-article"> <section id="id1"> <p> In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress. </p> </section> </article></small> </p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k101/" class="text-decoration-none"> 1. Introduction to Geographic Information Systems <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k102/" class="text-decoration-none"> 2. From the Real World to the Bit World <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k103/" class="text-decoration-none"> 3. Spatial Data Model <span class="badge bg-primary rounded-pill">7</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k104/" class="text-decoration-none"> 4. Spatial Reference Systems and Map Projections <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k105/" class="text-decoration-none"> 5. Data in GIS <span class="badge bg-primary rounded-pill">4</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k106/" class="text-decoration-none"> 6. Spatial data acquisition <span class="badge bg-primary rounded-pill">2</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k107/" class="text-decoration-none"> 7. Spatial Data Management <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k108/" class="text-decoration-none"> 8. Spatial analysis <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k109/" class="text-decoration-none"> 9. Digital Terrain Model (DTM) and Terrain Analysis <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k110/" class="text-decoration-none"> 10. Spatial modeling and spatial decision support <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k111/" class="text-decoration-none"> 11. Spatial data representation and map making <span class="badge bg-primary rounded-pill">6</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k112/" class="text-decoration-none"> 12. 3S Integration Technology <span class="badge bg-primary rounded-pill">5</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k113/" class="text-decoration-none"> 13. Network Geographic Information System <span class="badge bg-primary rounded-pill">4</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k114/" class="text-decoration-none"> 14. Examples of Geographic Information System Application <span class="badge bg-primary rounded-pill">8</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k115/" class="text-decoration-none"> 15. Organization and Management of Geographic Information System Application Projects <span class="badge bg-primary rounded-pill">10</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k116/" class="text-decoration-none"> 16. Geographic Information system Software Engineering Technology <span class="badge bg-primary rounded-pill">7</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k117/" class="text-decoration-none"> 17. Geographic Information System Standards <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k118/" class="text-decoration-none"> 18. Geographic Information System and Society <span class="badge bg-primary rounded-pill">3</span> </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> <a href="/catalog/k119/" class="text-decoration-none"> 19. Earth Information Science and Digital Earth <span class="badge bg-primary rounded-pill">4</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <footer id="copyrights"> <div class="container"> <p>Powered by Django & PostgreSQL (with PostGIS)</p> </div> </footer> </body> </html>