码上快乐
1秒登录
首页
榜单
标签
关于
搜索
文章详情
原文：HTML中
和
的区别</a></h3> <p> 在HTML中有两种方式表达文本框，一个是 lt input gt 元素的单行文本框，一种是 lt textarea gt 的多行文本框。 lt input gt 元素： .一定要指定type的值为text .通过size属性指定显示字符的长度，value属性指定初始值，Maxlength属性指定文本框可以输入的 最长的长度 lt textarea gt 元素 .使用 lt textarea gt ...</p> <p> <i class="icon-time"></i> <span>2015-08-06 23:26</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>5184</span> 推荐指数： <i class="icon-star" title="2.8438"></i> <i class="icon-star" title="2.8438"></i> </p> <p><a class="btn btn-warning btn-primary" href="/blog/47dc6e1.html">查看详情</a></p> </div> <div class="page-header"><h3><small><i class="icon-list"></i>相关推荐</small></h3></div> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/6a40281.html" target="_blank"><B>HTML</B><B>中</B><<B>input</B>>和<<B>textarea</B>>的<B>区别</B></a> <p class="post-item-summary"> 在<B>HTML</B>中有两种方式表达文本框 一个是<<B>input</B>>元素的单行文本框 一种是<<B>textarea</B>>的多行文本框。 <<B>input</B>>元素： 1.一定要指定type的值为text； 2.通过size属性指定显示字符的长度，value属性指定 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Thu Jun 08 23:49:00 CST 2017</span> <i class="icon-envelope"></i> <span>1</span> <i class="icon-eye-open"></i> <span>9018</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/c31c8d1.html" target="_blank"><<B>input</B> type="text">和<<B>textarea</B>>的<B>区别</B></a> <p class="post-item-summary"> https://www.cnblogs.com/yonglin/p/7041423.<B>html</B> ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Mon Apr 27 23:03:00 CST 2020</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>1052</span> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/6b718f1.html" target="_blank"><<B>input</B> type="text">和<<B>textarea</B>>的<B>区别</B></a> <p class="post-item-summary"> 在我们开发时经常需要用到输入框，通常解决办法就是<<B>input</B> type="text">和<<B>textarea</B>>,那么这两个标签有什么<B>区别</B>呢？ 一：<<B>input</B> type="text">标签 text标签是单行文本框，不会换行。 通过size属性 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Sun Jun 18 05:35:00 CST 2017</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>53660</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/f5ad671.html" target="_blank"><B>html-input</B>/<B>textarea</B>聚焦focus问题</a> <p class="post-item-summary"> 起因 当用户首次进入页面，在<B>input</B>或<B>textarea</B><B>中</B>已有内容的情况下，同时又需要修改内容的时候。我们想给用户更好的体验，那么就想到了在进入页面的时候将光标自动聚焦的文本上，减少用户的操作并提示用户需要输入内容。 问题 但是在使用时有一点小bug，那就是光标闪烁的位置并不在末尾 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Tue Apr 05 06:03:00 CST 2022</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>1832</span> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/c08a8e1.html" target="_blank"><B>html</B><B>中</B>button与<B>input</B>按钮的<B>区别</B></a> <p class="post-item-summary"> 1、button内部可以包含内容，定制性强，<B>input</B>只能通过设置value来显示按钮内容； 2、不同浏览器<B>中</B>button在不设置type的情况下，提交的值不同，除IE提交的是button闭合标签内的值外，其他浏览器都提交的是button的value属性值 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Thu Apr 02 19:16:00 CST 2020</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>670</span> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/5ad3921.html" target="_blank"><<B>input</B>>和<<B>textarea</B>></a> <p class="post-item-summary"> 作为一个刚刚涉足PHP开发的菜鸟，第一次使用博客。在这里分享一些经验给和需要的朋友，互相探讨、共同学习，希望对你有所帮助。 废话不多说，下面进入正题。 应该有朋友和我一样，需要用到文本框，要求它会自动转行，又要用到value属性。 但是， <<B>input</B>>是一个单行输入框 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Wed Oct 12 21:19:00 CST 2016</span> <i class="icon-envelope"></i> <span>2</span> <i class="icon-eye-open"></i> <span>6041</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/dc60b81.html" target="_blank">【css】修改<B>input</B>，<B>textarea</B><B>中</B>的placeholder样式</a> <p class="post-item-summary"> scss语法 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Thu Feb 25 01:26:00 CST 2021</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>697</span> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/68e9891.html" target="_blank">Safari<B>中</B>的<B>input</B>、<B>textarea</B>无法输入的问题</a> <p class="post-item-summary"> 原因是这两种表单元素上应用了user-select:none的css属性。一般没人刻意这么做，可能是这样的情况： 在css中排除掉这两种元素就好了： ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Fri May 19 04:52:00 CST 2017</span> <i class="icon-envelope"></i> <span>1</span> <i class="icon-eye-open"></i> <span>2311</span> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> </div> </div> <div class="span4 left_content"> <div class="page-header"><h3><small><i class="icon-tag"></i>相关标签</small></h3></div> <ul class="nav nav-pills"> <li class="tag-item"><a class="btn-link" href='/tag/Java' target="_blank">Java(3387)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/java' target="_blank">java(3282)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/python' target="_blank">python(3271)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Python' target="_blank">Python(2596)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/C＃' target="_blank">C#(2382)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/JavaScript' target="_blank">JavaScript(2119)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/vue' target="_blank">vue(2076)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Linux' target="_blank">Linux(1957)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/javascript' target="_blank">javascript(1894)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/js' target="_blank">js(1683)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/linux' target="_blank">linux(1420)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/前端' target="_blank">前端(1388)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Android' target="_blank">Android(1237)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/HTML' target="_blank">HTML(1232)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/C＋＋' target="_blank">C++(1177)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/数据库' target="_blank">数据库(1176)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/html' target="_blank">html(1167)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/mysql' target="_blank">mysql(1094)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/HTML5' target="_blank">HTML5(1077)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Vue' target="_blank">Vue(1029)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/JAVA' target="_blank">JAVA(936)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/PHP' target="_blank">PHP(920)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/css' target="_blank">css(834)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/MySQL' target="_blank">MySQL(814)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/php' target="_blank">php(787)</a></li> </ul> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a> </span><span>© 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250511"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?85c5e8e7b6167edfc87cb0607142e870"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
