HTML表单元素

元素

最重要的表单元素是元素。

元素根据不同的 type 属性，可以变化为多种形态。

元素定义下拉列表：

实例

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

列表通常会把首个选项显示为被选选项。

您能够通过添加 selected 属性来定义预定义选项。

实例

<option value="fiat" selected>Fiat</option>

元素</strong></p><p><textarea> 元素定义多行输入字段（文本域）：</p><p><strong>实例</strong></p><pre><textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea></pre><p>以上 <a href="/tag-news-name-HTML-p-1.html">HTML</a> 代码在浏览器中显示为：<br/></p><pre>The cat was playing in the garden.</pre><p><strong><button> 元素</strong></p><p><button> 元素定义可点击的按钮：</p><p><strong>实例</strong><br/></p><pre><button type="button" onclick="alert('Hello World!')">Click Me!</button></pre><p>以上就是<a href="/tag-news-name-HTML-p-1.html">HTML</a>表单元素的详细内容，更多请关注https://www.sxiaw.com/其它相关文章！</p></span> </div> </article> <aside class="swnetnews"> <div class="lis"> <span><i>前端热点</i></span> <ul> <li><a href="/doc/3744.html" title="推荐10款ASP.NET过滤特效（收藏）" target="_blank">推荐10款ASP.NET过滤特效（收藏）</a></li><li><a href="/doc/8249.html" title="数组指针和指针数组的区别是什么" target="_blank">数组指针和指针数组的区别是什么</a></li><li><a href="/doc/7106.html" title="在vscode中怎样进入命令行环境" target="_blank">在vscode中怎样进入命令行环境</a></li><li><a href="/doc/2285.html" title="phpstudy如何配置iis服务器" target="_blank">phpstudy如何配置iis服务器</a></li><li><a href="/doc/5958.html" title="电脑登不上远程phpmyadmin" target="_blank">电脑登不上远程phpmyadmin</a></li><li><a href="/doc/3551.html" title="详解Oracle UPDATE过程的基础知识" target="_blank">详解Oracle UPDATE过程的基础知识</a></li><li><a href="/doc/9789.html" title="在咚漫漫画中发布评论的具体方法介绍" target="_blank">在咚漫漫画中发布评论的具体方法介绍</a></li><li><a href="/doc/9062.html" title="当当读书加入书吧的图文教程" target="_blank">当当读书加入书吧的图文教程</a></li><li><a href="/doc/6218.html" title="如何使用PHP数据类型之查看和判断数据类型" target="_blank">如何使用PHP数据类型之查看和判断数据类型</a></li><li><a href="/doc/2862.html" title="总结一些常见的Oracle存储过程条件" target="_blank">总结一些常见的Oracle存储过程条件</a></li><li><a href="/doc/7047.html" title="Python的functools模块使用总结" target="_blank">Python的functools模块使用总结</a></li><li><a href="/doc/5981.html" title="归纳整理python正则表达式解析" target="_blank">归纳整理python正则表达式解析</a></li><li><a href="/doc/949.html" title="Mac 正确地配置 SciPy 开发环境" target="_blank">Mac 正确地配置 SciPy 开发环境</a></li><li><a href="/doc/8093.html" title="如何使用shutdown定时关机命令" target="_blank">如何使用shutdown定时关机命令</a></li><li><a href="/doc/6704.html" title="win10系统录音机不见了怎么找回" target="_blank">win10系统录音机不见了怎么找回</a></li><li><a href="/doc/5070.html" title="windows7高级启动选项在哪" target="_blank">windows7高级启动选项在哪</a></li> </ul> </div> </aside> </main> <script> // first, find all the div.code blocks document.querySelectorAll('pre').forEach(el => { // then highlight each hljs.highlightElement(el); hljs.lineNumbersBlock(el); }); </script> <div id="footer"> <div class="w1200"> <p class="tips_text">本网站为非赢利性站点，本网站所有内容均来源于互联网相关站点自动搜索采集信息，相关链接已经注明来源。</p> <p class="tips_text">Copyright © 2004-2018 https://m.sxiaw.com/. All Rights Reserved.<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?716b3e81948f3acc7a5d3e276a92f5a9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <a href="http://beian.miit.gov.cn/" target="_blank">津ICP备2023001793号-1</a></p> </div> </div> </body> </html>