2018世界杯冠军_世界杯预选赛非洲区 - cdjqtj.com

HTML 元素可以包含一个或多个以下表单元素

</p> <p><button></p> <p><fieldset></p> <p><legend></p> <p><datalist></p> <p><output></p> <p><option></p> <p><optgroup></p> <p><input> 元素</p> <p>最常用的表单元素之一是 <input> 元素。</p> <p>根据 type 属性的不同，<input> 元素可以显示为多种方式。</p> <p>示例</p> <p><label for="fname">名字:</label><input type="text" id="fname" name="fname"></p> <p>自己动手试一试 »</p> <p>下一个章节将介绍 type 属性的所有不同值：HTML 输入类型。</p> <p><label> 元素</p> <p><label> 元素为多个表单元素定义了一个标签。</p> <p><label> 元素对屏幕阅读器用户很有用，因为当用户聚焦于输入元素时，屏幕阅读器会大声朗读标签。</p> <p><label> 元素也有助于那些点击非常小区域（例如单选按钮或复选框）有困难的用户 - 因为当用户点击 <label> 元素内的文本时，它会切换单选按钮/复选框。</p> <p><label> 标签的 for 属性应与 <input> 元素的 id 属性相等，以便将它们绑定在一起。</p> <p><select> 元素</p> <p><select> 元素定义了一个下拉列表</p> <p>示例</p> <p><label for="cars">选择一辆车：</label><select id="cars" name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">菲亚特</option> <option value="audi">Audi</option></select></p> <p>自己动手试一试 »</p> <p><option> 元素定义了一个可以选择的选项。</p> <p>默认情况下，下拉列表中的第一项被选中。</p> <p>要定义一个预先选中的选项，请在选项中添加 selected 属性</p> <p>示例</p> <p><option value="fiat" selected>菲亚特</option></p> <p>自己动手试一试 »</p> <p>可见值</p> <p>使用 size 属性来指定可见值的数量</p> <p>示例</p> <p><label for="cars">选择一辆车：</label><select id="cars" name="cars" size="3"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">菲亚特</option> <option value="audi">Audi</option></select></p> <p>自己动手试一试 »</p> <p>允许多选</p> <p>使用 multiple 属性允许用户选择多个值</p> <p>示例</p> <p><label for="cars">选择一辆车：</label><select id="cars" name="cars" size="4" multiple> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">菲亚特</option> <option value="audi">Audi</option></select></p> <p>自己动手试一试 »</p> <p><textarea> 元素</p> <p><textarea> 元素定义了一个多行输入字段（文本区域）</p> <p>示例</p> <p><textarea name="message" rows="10" cols="30">猫正在花园里玩耍。

自己动手试一试 »

rows 属性指定文本区域中可见的行数。

cols 属性指定文本区域的可见宽度。

以上 HTML 代码在浏览器中的显示效果如下

您也可以使用 CSS 定义文本区域的大小

示例

猫正在花园里玩耍。

自己动手试一试 »

元素

元素定义了一个可点击的按钮

示例

点击我！

自己动手试一试 »

以上 HTML 代码在浏览器中的显示效果如下

点击我！

注意： 始终为 button 元素指定 type 属性。不同的浏览器可能为 button 元素使用不同的默认类型。

和

元素

元素用于在表单中对相关数据进行分组。

元素为

元素定义了一个标题。

示例

个人信息：

名字：

姓：

定义一个用于用户输入的 HTML 表单

定义一个输入控件

</p> <p>定义多行输入控件（文本区域）</p> <p><label></p> <p>定义 <input> 元素的标签</p> <p><fieldset></p> <p>对表单中的相关元素进行分组</p> <p><legend></p> <p>定义 <fieldset> 元素的标题</p> <p><select></p> <p>定义一个下拉列表</p> <p><optgroup></p> <p>定义下拉列表中的一组相关选项</p> <p><option></p> <p>定义下拉列表中的一个选项</p> <p><button></p> <p>定义一个可单击按钮</p> <p><datalist></p> <p>指定输入控件预定义选项的列表</p> <p><output></p> <p>定义计算结果</p> <p>有关所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考。</p> <p>❮ 上一页 下一页 ❯</p> <p>★ +1</p> <p>W3schools 学习路径</p> <p>跟踪您的进度 - 免费！</p> <p>登录 注册</p> </p> </div> <div style="height:30px;line-height:30px;text-align: left;"> <hr> <a href="/4b778a17de89db7e/0aa407d41b0a9f70.html">《飓风》影评精选10篇</a><br><a href="/7ee7c52e7e4a8622/6c6ed96303e9ed6a.html">周一足球前瞻｜6 场国际友谊赛全解析 多队世界杯前练兵</a> </div> </div> </main> <aside id="sidebar"> <div class="widget newmodule"> <h3>最新发表</h3> <ul> <li><a title="粉春翡翠牌子：粉春翡翠成品，手镯价格，颜色特征及与桃花春区别" href="/7ee7c52e7e4a8622/8514962f19ed5a33.html">粉春翡翠牌子：粉春翡翠成品，手镯价格，颜色特征及与桃花春区别</a></li> <li><a title="在 CS:GO 中提高瞄准的 5 个技巧" href="/7ee7c52e7e4a8622/40e7c3db86c89d8d.html">在 CS:GO 中提高瞄准的 5 个技巧</a></li> <li><a title="黑河有 俄罗斯小姐吗" href="/f60fcf59f8c3014b/feef4310fee49b08.html">黑河有 俄罗斯小姐吗</a></li> <li><a title="乐山达美健康城" href="/7ee7c52e7e4a8622/4c4ca317636cc49e.html">乐山达美健康城</a></li> <li><a title="秋田犬会笑吗怎么训练秋田犬笑" href="/7ee7c52e7e4a8622/b22b0351987e1d0e.html">秋田犬会笑吗怎么训练秋田犬笑</a></li> <li><a title="删除表单或恢复已删除的表单" href="/4b778a17de89db7e/59b806a44a76016f.html">删除表单或恢复已删除的表单</a></li> <li><a title="双机热备方案及双机热备软件选择" href="/7ee7c52e7e4a8622/4b72ae893bcdcf3e.html">双机热备方案及双机热备软件选择</a></li> <li><a title="国足在世界杯预选赛阶段的真实战绩和积分情况具体是怎样的？" href="/f60fcf59f8c3014b/a0ceb66ae04869cf.html">国足在世界杯预选赛阶段的真实战绩和积分情况具体是怎样的？</a></li> <li><a title="看过的视频如何删除，3种方法可快速删除视频记录" href="/4b778a17de89db7e/684c9c1c07fdeeaf.html">看过的视频如何删除，3种方法可快速删除视频记录</a></li> <li><a title="马桶超旋式和虹吸式哪个好 超旋式和虹吸式区别" href="/f60fcf59f8c3014b/b32db6233921cd6a.html">马桶超旋式和虹吸式哪个好 超旋式和虹吸式区别</a></li> </ul> </div> <div class="widget newmodule"> <h3>友情链接</h3> <div class="textwidget"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node91.aizhantj.com:21233/tjjs/?k=c1aj82uodhz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </div> </aside> </div> </div> <footer id="footer"> <div class="inner"> <div id="copyright"> Copyright © 2022 2018世界杯冠军_世界杯预选赛非洲区 - cdjqtj.com All Rights Reserved. </div> </div> </footer> </body> </html>