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 "> <b>Web框架 </b>  <span class="badge bg-primary rounded-pill">946</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">35</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">42</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"> <b> 8. Foundation </b> <span class="badge bg-primary rounded-pill">39</span> </a> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k8533/" class="text-decoration-none"> 8.2. Foundation start </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k6393/" class="text-decoration-none"> 8.39. Foundation CSS reference manual </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k1355/" class="text-decoration-none"> 8.6. Foundation button group </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k4453/" class="text-decoration-none"> 8.37. Foundation grid instance </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k2009/" class="text-decoration-none"> 8.22. Foundation Magellan (Magellan) Navigation </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k8953/" class="text-decoration-none"> 8.12. Foundation Picture </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k5785/" class="text-decoration-none"> 8.3. Foundation text </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k5966/" class="text-decoration-none"> 8.40. Foundation CSS visibility </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k4882/" class="text-decoration-none"> 8.16. Foundation Tab </a> </li> <li class="list-group-item d-flex justify-content-between align-items-center ms-3"> <a href="/tutorial/k9266/" class="text-decoration-none"> 8.24. Foundation 输入框尺寸 </a> </li> </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">44</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">8</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 "> 《地理信息系统原理、技术与方法》  <span class="badge bg-primary rounded-pill">97</span> </a> <p> <small class="text-muted"><article class="bd-article"> <section id="id1"> <p> 最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。 </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 system <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. 空间参照系统和 地图投影 <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">3</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. 数字地形模型（ DTM ）与地形分析 <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. 空间建模与 空间决策支持 <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. 网络地理信息系统 <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/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">9</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">6</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">3</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 "> WEB基础  <span class="badge bg-primary rounded-pill">289</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">17</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">15</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> </div> </div> </div> <footer id="copyrights"> <div class="container"> <p>Powered by Django & PostgreSQL (with PostGIS)</p> </div> </footer> </body> </html>