HTML-button-input(button)-input(

作者: 欢喜明 | 来源:发表于2018-05-22 10:28 被阅读0次

HTML-button-input(button)-input(
安卓、IOS按钮兼容
2017-12-28 css 苹果手机表单兼容
input去掉原始样式
苹果微信浏览器 button input 发白
day07
移动端默认样式reset
和的相关应用</a></li><li><a href="#r9">input type=number 去除后面的箭头</a></li><li><a href="#r10">JQ 清空form表单数据</a></li></ol></div> <p>记录：</p> <p>HTML中，<button>标签、<input type="button"> 和 <input type="submit">的区别：</p> <p>此三个写法都可以在页面创建一个可点击的按钮，但是实际效果有区别：</p> <p>1、<input type="button"> ：单纯创建了一个按钮，点击不会有任何效果，不会做任何事情；<b> </b>这就是一个按钮，如果你不写javascript 的话，按下去什么也不会发生，需要用JS写此按钮的点击事件；</p> <p>2、<input type="submit">：点击会自动提交表单内的所有数据， <input type="submit"> 自身也会被当成数据提交；</p> <p>例如：</p> <p><form action="/dg"></p> <p><input type=text name=fm></p> <p><input type="submit" value="Hello world!"></p> <p></form></p> <p>在输入框输入：freeman，点击按钮，会向服务器提交：http://www.xxxxx.com/dg?fm=freeman；</p> <p>如果，<input type="submit" value="Hello world!"> 有name属性，value值也会被提交的；</p> <p>3、<button> 标签：html中button只是一个按钮的样式，默认没有提交表单的功能，而submit是表单的提交属性，可以实现将所在表单的数据进行的提交。但是，把<button>标签放在表单中，点击也会自动提交表单内的所有数据，如果自身有name、value也会提交；比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。在概念上是不一样的；</p></div><div class="relateds"><h2>相关文章</h2><ul><li id="r1"><a href="/user/wzmyattx.html"><img src="https://img.haomeiwen.com/ud/11-4d7c6ca89f439111aff57b23be1c73ba.jpg" width="80"></a><h3><a href="/subject/btfhjftx.html">HTML-button-input(button)-input(</a></h3><p>记录： HTML中，标签、和的区别：此三个写法都可以在页面创建一个可点击的按钮，但是实际效果有区别： ...</p></li><li id="r2"><a href="/user/mzsdhttx.html"><img src="https://img.haomeiwen.com/ud/12-aeeea4bedf10f2a12c0d50d626951489.jpg" width="80"></a><h3><a href="/subject/dodbxxtx.html">安卓、IOS按钮兼容</a></h3><p>input[type="button"], input[type="submit"], input[type="r...</p></li><li id="r3"><a href="/user/eteumttx.html"><img src="https://img.haomeiwen.com/ud/13-394c31a9cb492fcb39c27422ca7d2815.jpg" width="80"></a><h3><a href="/subject/mhymgxtx.html">2017-12-28 css 苹果手机表单兼容</a></h3><p>input[type="button"],input[type="submit"],input[type="res...</p></li><li id="r4"><a href="/user/yfwbottx.html"><img src="https://img.haomeiwen.com/us10840401/bab8e1a5-c440-4538-8f14-acbb8be275e9" width="80"></a><h3><a href="/subject/prlkuctx.html">input去掉原始样式</a></h3><p>input[type="button"],input[type="submit"],input[type="sea...</p></li><li id="r5"><a href="/user/ktjyyttx.html"><img src="https://img.haomeiwen.com/ud/13-394c31a9cb492fcb39c27422ca7d2815.jpg" width="80"></a><h3><a href="/subject/xtnnxxtx.html">苹果微信浏览器 button input 发白</a></h3><p>解决方案： input[type=button], input[type=submit], input[type=...</p></li><li id="r6"><a href="/user/rgymfxtx.html"><img src="https://img.haomeiwen.com/is13085886/d81e5502dfc67a6c.PNG" width="80"></a><h3><a href="/subject/fjmapftx.html">day07</a></h3><p>2018.07.171.表单 2.input和button区别 3.搜索框 input和button区别 4.ma...</p></li><li id="r7"><a href="/user/hhrruttx.html"><img src="https://img.haomeiwen.com/us6543815/11502f8e-1184-4ede-ac33-13563038f662.png" width="80"></a><h3><a href="/subject/nrdmhxtx.html">移动端默认样式reset</a></h3><p>1、清除a,input,button标签按下时的阴影 2、清除ios下input,button自带的圆角 3、清除...</p></li><li id="r8"><h3><a href="/subject/bxcykqtx.html"><input>和<textarea>的相关应用</a></h3><p><input type = "button">和<button></button>的区别 1. 表示就是一个普通...</p></li><li id="r9"><a href="/user/xfntjxtx.html"><img src="https://img.haomeiwen.com/us16466061/ce3189c3-b9d0-4b7b-b4e5-43e2d30e23fb" width="80"></a><h3><a href="/subject/mceziqtx.html">input type=number 去除后面的箭头</a></h3><p>input::-webkit-outer-spin-button,input::-webkit-inner-spi...</p></li><li id="r10"><h3><a href="/subject/jhlhmhtx.html">JQ 清空form表单数据</a></h3><p>$(':input','#form') .not(':button, :submit, :reset, :hidd...</p></li></ul></div></div><div id="comments"><h2>网友评论</h2><ul></ul></div><ul></ul><div class="article_by"><div class="bytitle"><p>本文标题：<font color="#666">HTML-button-input(button)-input(</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/btfhjftx.html</font></p></div></div></div><div class="meiwen-left fl mb"><div class="title ht"><h3>延伸阅读</h3><div class="share fr" id="bdshare"></div><i class="lt"></i><i class="rt"></i></div><div class="related"><ul class="related-list"><li><a class="meiwen" href="/mw/lbyctttx.html">那年盛夏诗歌</a></li><li><a class="meiwen" href="/sy/kbyctttx.html">环境监察队工作总结范文</a></li><li><a class="meiwen" href="/sy/hbyctttx.html">优秀教师学习心得范文</a></li><li><a class="meiwen" href="/sy/cbyctttx.html">华胥引的读后感300字</a></li><li><a class="meiwen" href="/yw/qbyctttx.html">《Its red》教学反思范文</a></li><li><a class="meiwen" href="/sy/fbyctttx.html">农资购销的合同范本</a></li><li><a class="meiwen" href="/sy/xbyctttx.html">竞选中队委优秀演讲稿</a></li><li><a class="meiwen" href="/yw/tbyctttx.html">辞金蹈海的成语解释</a></li><li><a class="meiwen" href="/ja/zvyctttx.html">《世纪宝鼎》公开课教案设计</a></li></ul></div><div class="picture" ><ul class="picture-list"><li><a class="meiwen" href="/article/69641.html"><img class="lazy" data-original="/uploads/allimg/1611/1-1611292156350-L.jpg" width="150" height="120" alt="因为爱你，所以牵挂"/><span>因为爱你，所以牵挂</span></a></li><li><a class="meiwen" href="/article/84632.html"><img class="lazy" data-original="/uploads/userup/2800/14V4C648-O08.jpg" width="150" height="120" alt="今生今世红尘醉——美到心碎的古诗词"/><span>今生今世红尘醉——美到</span></a></li><li><a class="meiwen" href="/article/53482.html"><img class="lazy" data-original="/uploads/allimg/1609/1-160ZPU1030-L.jpg" width="150" height="120" alt="一个90后的内心独白"/><span>一个90后的内心独白</span></a></li><li><a class="meiwen" href="/article/3639.html"><img class="lazy" data-original="/uploads/userup/1159/1432YGR-9294.jpg" width="150" height="120" alt="致已逝去的高中年华"/><span>致已逝去的高中年华</span></a></li></ul></div></div><div class="meiwen-left fl mb"><div id="pinglun"><div id="SOHUCS"></div></div></div><div class="meiwen-left fl"><div class="title ht"><h3>深度阅读</h3><ul class="list"><li><font color="#A2B088">您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！</font></li></ul><i class="lt"></i><i class="rt"></i></div><ul class="tags"><li><a class="meiwen" href="/huati/qingrenjie/">情人节</a></li><li><a class="meiwen" href="/huati/muqinjie/">母亲节</a></li><li><a class="meiwen" href="/huati/chongyangjie/">重阳节</a></li><li><a class="meiwen" href="/huati/qingmingjie/">清明节</a></li><li><a class="meiwen" href="/huati/duanwujie/">端午节</a></li><li><a class="meiwen" href="/huati/zhishujie/">植树节</a></li><li><a class="meiwen" href="/huati/yuanxiaojie/">元宵节</a></li><li><a class="meiwen" href="/huati/funvjie/">妇女节</a></li><li><a class="meiwen" href="/huati/yurenjie/">愚人节</a></li><li><a class="meiwen" href="/huati/shengdanjie/">圣诞节</a></li><li><a class="meiwen" href="/huati/fuqinjie/">父亲节</a></li><li><a class="meiwen" href="/huati/jiaoshijie/">教师节</a></li><li><a class="meiwen" href="/huati/ertongjie/">儿童节</a></li><li><a class="meiwen" href="/huati/laodongjie/">劳动节</a></li><li><a class="meiwen" href="/huati/qingnianjie/">青年节</a></li><li><a class="meiwen" href="/huati/jianjunjie/">建军节</a></li><li><a class="meiwen" href="/huati/wanshengjie/">万圣节</a></li><li><a class="meiwen" href="/huati/pinganye/">平安夜</a></li><li><a class="meiwen" href="/huati/guanggunjie/">光棍节</a></li><li><a class="meiwen" href="/huati/zhongqiujie/">中秋节</a></li><li><a class="meiwen" href="/huati/guoqingjie/">国庆节</a></li><li><a class="meiwen" href="/huati/ganenjie/">感恩节</a></li><li><a class="meiwen" href="/huati/labajie/">腊八节</a></li><li><a class="meiwen" href="/huati/">更多话题</a></li></ul></div><div class="cl"></div></div><div class="article-right"><div class="meiwen-right fr mb"><dt class="title hd"><h3>栏目导航</h3><i class="lt"></i><i class="rt"></i></dt><ul class="list-nav"><a class="meiwen" href="/c/hqtttttx.html">摄影</a><a class="meiwen" href="/c/vqtttttx.html">故事</a><a class="meiwen" href="/c/uttttttx.html">互联网</a><a class="meiwen" href="/c/cttttttx.html">读书</a><a class="meiwen" href="/c/yttttttx.html">旅行</a></ul></div></div><div class="meiwen-right fr mb"><div class="title hd"><h3>热点阅读</h3><i class="lt"></i><i class="rt"></i></div><ul class="right-list"><li><a class="meiwen" href="/subject/izxhjftx.html">《寂静之地》丨别出声，活下去</a></li><li><a class="meiwen" href="/subject/bzxhjftx.html">十八岁</a></li><li><a class="meiwen" href="/subject/czxhjftx.html">第一次单身的高铁旅程</a></li><li><a class="meiwen" href="/subject/qzxhjftx.html">下次520怎么过？</a></li><li><a class="meiwen" href="/subject/fzxhjftx.html">2018年6月份属蛇人命运中的感情运</a></li><li><a class="meiwen" href="/subject/xzxhjftx.html">水天需</a></li><li><a class="meiwen" href="/subject/aaxhjftx.html">最怕你胸有大志，却又虚掷时光</a></li><li><a class="meiwen" href="/subject/naxhjftx.html">0-6月分月龄婴儿感统训练游戏</a></li><li><a class="meiwen" href="/subject/gaxhjftx.html">欢迎Lily第16位直属伙伴</a></li><li><a class="meiwen" href="/subject/maxhjftx.html">胜途跨境电商ERP供应商管理机制——供应链管理还得从源头抓起</a></li></ul></div></div></div></div><div class="footer"><p class="p_1"><a href="/about/aboutus.html">关于我们</a>|<a href="/about/service.html">服务条款</a>|<a href="/about/contact.html">联系我们</a>|<a href="/subject/btfhjftx.html">HTML-button-input(button)-input(</a>|<a href="/about/tougao.html">投稿指南</a>|<a href="/sitemap.html">网站地图</a>|<a href="/rssmap.html">RSS订阅</a>|<a href="/about/paiban.html">排版工具</a>|<a href="javascript:vod(0);" onclick="Mobileurl()">手机版</a></p><p class="p_2">提供<a href="/meiwen/zhaichao/">经典美文摘抄</a>,<a href="/sanwen/">优美散文欣赏</a>,<a href="/shige/xiandai/">现代诗歌精选</a>,<a href="/xiaoshuo/">短篇小说</a>,<a href="/diary/suibi/">心情随笔</a>,<a href="/qingshu/">表白情书</a><a href="/fanwen/">范文</a>,<a href="/gushi/">故事会在线阅读</a>欣赏</p><p class="p_2">Copyright © 2014-2023 <a href="/">Haomeiwen.com</a> All Rights Reserved. <a href="/">好美文阅读网</a> 版权所有</p><p class="p_2">备案信息：<i></i>桂公网安备 45052102000051号 · 桂ICP备13007215号-3</p><div class="footer_service"><p class="p_2">本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯</p><p class="p_2">所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！</p></div></div><script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script><script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script><script type="text/javascript" src="/img/jquery.meiwen.min.js"></script></body></html>