HTML基础控件介绍_动力节点Java学院整理

这篇文章主要介绍了HTML基础控件的相关资料,需要的朋友可以参考下

标签</strong></span></p><p>多行文本区域，可以通过 cols 和 rows 属性来设定 textarea 的尺寸。</p><p><strong>属性</strong></p><p>rows {int}：表示显示的行数。<br/> cols {int}：表示显示的列数。<br/> readonly {boolean}：是否只读。<br/>  </p><p><span style="color: #ff0000"><strong>示例 <br/></strong></span></p><p><span style="background-color: #ffff00"><strong><label>标签</strong></span></p><p>相当于一个展示文本框。</p><p>属性</p><p>for {elementID}：关联对应的控件id；当点击此label标签时，绑定id的控件会获取焦点；<br/>  </p><div class="jb51code"><pre class="brush:php;toolbar:false"> <table> <tr> <td><label for='username'>姓名：</label></td><td><input type="text" id='username'/></td></tr><tr> <td><label for='userpwd'>密码：</label></td><td><input type="password" id='userpwd'/></td></tr></table></pre></div><p><span style="color: #ff0000"><strong>示例</strong></span></p><p><span style="background-color: #ffff00"><strong><fieldset>标签</strong></span></p><p>类似于winform中的groupBox控件。</p><p><strong>item子项</strong></p><p><legend></legend>：表示抬头的名称。<br/>  </p><div class="jb51code"><pre class="brush:php;toolbar:false"> <h3>fieldset标签</h3><fieldset style='width:130px'> <legend>性别</legend><input type="radio" name='sex' value='boy'/>男 <input type="radio" name='sex' value='girl'/>女 </fieldset></pre></div><p><span style="color: #ff0000"><strong>示例</strong></span></p><p>ul、ol、li 列表标签</p><p>ul ：unordered list （无序列表）</p><p>ol ：ordered list  （有序列表））</p><p>li ：list item （列表项目），基于上面2个列表子项目。<br/>  </p><p>代码示例：<br/>  </p><div class="jb51code"><pre class="brush:php;toolbar:false"> <ul type=circle> <li>ul1</li><li>ul2</li><li>ul3</li></ul><ol type=1> <li>li1</li><li>li2</li><li>li3</li></ol></pre></div><p><span style="color: #ff0000"><strong>属性</strong></span></p><p>type  {string}：定义了<li> 标签前面的符号样式。</p><p>ul：type 有：circle 空心圆，disc 实心圆，square 实心正方形， none ：前面无符号;</p><p>ol：type 有：1 ：表示有序的1,2,3； a ：表示有序的a，b，c；i ：罗马数字i,ii,iii；虽然还可以定义为：circle、disc、square、none但现实都为1,2,3等序列；</p></div><p>以上就是HTML基础控件介绍_动力节点Java学院整理的详细内容，更多请关注0133技术站其它相关文章！</p></article><div class="post-actions"><a href="javascript:;" etap="like" class="post-like action action-like" data-pid="0"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a><a href="javascript:;" class="action action-rewards" data-event="rewards"><i class="fa fa-jpy"></i> 打赏</a></div><div class="post-copyright">未经允许不得转载：<a href="/">0133技术站首页</a> » <a href="/cate72/">HTML 教程</a></div><!--<div class="article-tags">标签：<a href="/archives/tag/javascript" rel="tag">JavaScript</a><a href="/archives/tag/%e5%be%ae%e4%bf%a1" rel="tag">微信</a><a href="/archives/tag/%e5%be%ae%e4%bf%a1%e7%9a%84%e7%89%88%e6%9c%ac%e5%8f%b7" rel="tag">微信的版本号</a><a href="/archives/tag/%e7%89%88%e6%9c%ac%e5%8f%b7" rel="tag">版本号</a><a href="/archives/tag/%e8%af%ad%e4%b9%89%e5%8c%96" rel="tag">语义化</a></div>--><nav class="article-nav"><span class="article-nav-prev">上一篇<br><a href="/cate72/115132150390625.html" rel="prev">HTML基础详解（下）</a></span><span class="article-nav-next">下一篇<br><a href="/cate72/115143823960000.html" rel="next">网页防复制功能实现方法(附破解方法)</a></span></nav><div class="relates relates-thumb"><div class="title"><h3>相关文章</h3></div><ul><li><a href="/cate72/112882576100.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5d44e0ed4c761884.jpg-160" alt="Canvas的绚烂起点" class="thumb"></a><a href="/cate72/112882576100.html">Canvas的绚烂起点</a></li><li><a href="/cate72/113285542400.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5d5defa17baf4889.jpg-160" alt="初学指南之Canvas使用" class="thumb"></a><a href="/cate72/113285542400.html">初学指南之Canvas使用</a></li><li><a href="/cate72/113811787600.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5d819cd9a2bf9992.jpg-160" alt="水波图实现原理" class="thumb"></a><a href="/cate72/113811787600.html">水波图实现原理</a></li><li><a href="/cate72/114273850625.html"><img data-src="https://ss.0133.cn/upload/article/000/000/013/5da524852b6e6613.jpg-160" alt="适用于任何项目的基本HTML5模板" class="thumb"></a><a href="/cate72/114273850625.html">适用于任何项目的基本HTML5模板</a></li><li><a href="/cate72/114496333025.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5db8f13daaa98745.jpg-160" alt="10个你不知道你需要的html元素" class="thumb"></a><a href="/cate72/114496333025.html">10个你不知道你需要的html元素</a></li><li><a href="/cate72/115419128225.html"><img data-src="https://ss.0133.cn/upload/article/000/000/014/5def6610b2661508.jpg-160" alt="常见的类名id名命名参考规范" class="thumb"></a><a href="/cate72/115419128225.html">常见的类名id名命名参考规范</a></li><li><a href="/cate72/115643725625.html"><img data-src="https://ss.0133.cn/upload/article/000/000/013/5df9a2116ae78158.jpg-160" alt="HTML中16个全局属性介绍" class="thumb"></a><a href="/cate72/115643725625.html">HTML中16个全局属性介绍</a></li><li><a href="/cate72/115679089600.html"><img data-src="https://ss.0133.cn/upload/article/000/000/006/5dfae766776ca458.jpg-160" alt="html5不常用标签应用场景" class="thumb"></a><a href="/cate72/115679089600.html">html5不常用标签应用场景</a></li></ul></div><!-- <div class="title" id="comments"><h3>评论 <small>抢沙发</small></h3></div><div id="respond" class="no_webshot"><form action="return false;" method="post" id="commentform"><div class="comt"><div class="comt-title"><img data-src="https://secure.gravatar.com/avatar/?s=100&d=mm" class="avatar avatar-100" height="50" width="50"><p><a id="cancel-comment-reply-link" href="javascript:;">取消</a></p></div><div class="comt-box"><textarea placeholder="你的评论可以一针见血" class="input-block-level comt-area" name="comment" id="comment" cols="100%" rows="3" tabindex="1" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">