Foundation 表單

Foundation 表單控制會自動設(shè)置為全局樣式:

我們提供的服務(wù)有：成都網(wǎng)站制作、網(wǎng)站設(shè)計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、關(guān)嶺ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的關(guān)嶺網(wǎng)站制作公司

所有 </code>, <code> <select></code> 及 <code><input></code> 元素寬度都為 100%，且?guī)в型膺吘?、?nèi)邊距、陰影和鼠標移動效果。</p> <h3>實例</h3> <p><<br />form<br />><br /><br />  Input:<br /><br /> <br /><<br />input<br />type=<br />"text"<br />placeholder=<br />"Name"<br />></p><p>  Textarea:<br /><br /> <br /><<br />textarea<br />rows=<br />"4"<br />placeholder=<br />"Address"<br />><br /><<br />/textarea<br />></p><p>  Select:<br /><br /> <br /><<br />select<br />><br /><br />   <br /><<br />option<br />>1<br /><<br />/option<br />><br /><br />   <br /><<br />option<br />>2<br /><<br />/option<br />><br /><br />   <br /><<br />option<br />>3<br /><<br />/option<br />><br /><br />   <br /><<br />option<br />>4<br /><<br />/option<br />><br /><br /> <br /><<br />/select<br />><br /><br /> <br /><<br />/form<br />><br /><br /> 嘗試一下 ?</p> <hr> <h2>標簽</h2><p>在表單中使用 <code><label></code> 元素來設(shè)置標簽，標簽可以添加 for 屬性和 id 屬性。用戶在點擊標簽或輸入域時獲取輸入框焦點：</p> <h3>實例</h3> <p><<br />form<br />><br /><br /> <br /><<br />label<br />for=<br />"name"<br />>Input<br /><br />   <br /><<br />input<br />type=<br />"text"<br />placeholder=<br />"Name"<br />id=<br />"name"<br />><br /><br /> <br /><<br />/label<br />></p><p> <br /><<br />label<br />for=<br />"adr"<br />>Label<br /><br />   <br /><<br />textarea<br />rows=<br />"4"<br />placeholder=<br />"Address"<br />id=<br />"adr"<br />><br /><<br />/textarea<br />><br /><br /> <br /><<br />/label<br />></p><p> <br /><<br />label<br />for=<br />"num"<br />>Select<br /><br />   <br /><<br />select<br />id=<br />"num"<br />><br /><br />     <br /><<br />option<br />>1<br /><<br />/option<br />><br /><br />     <br /><<br />option<br />>2<br /><<br />/option<br />><br /><br />     <br /><<br />option<br />>3<br /><<br />/option<br />><br /><br />     <br /><<br />option<br />>4<br /><<br />/option<br />><br /><br />   <br /><<br />/select<br />><br /><br /> <br /><<br />/label<br />><br /><br /> <br /><<br />/form<br />><br /><br /> 嘗試一下 ?</p><p>如果需要設(shè)置標簽右對齊，可以使用 <code>.right</code> 類:</p> <h3>實例</h3> <p><<br />label<br />class=<br />"right"<br />><br /><br /> 嘗試一下 ?</p> <hr> <h2>Fieldset</h2><p>Foundation 渲染 <code><fieldset></code> 元素的樣式如下：</p> <h3>實例</h3> <p><<br />form<br />><br /><br /> <br /><<br />fieldset<br />><br /><br />   <br /><<br />legend<br />>Fieldset Legend<br /><<br />/legend<br />><br /><br />   <br /><<br />label<br />>Name<br /><br />     <br /><<br />input<br />type=<br />"text"<br />placeholder=<br />"First Name.."<br />><br /><br />   <br /><<br />/label<br />><br /><br />   <br /><<br />label<br />>Email<br /><br />     <br /><<br />input<br />type=<br />"text"<br />placeholder=<br />"Enter email.."<br />><br /><br />   <br /><<br />/label<br />><br /><br /> <br /><<br />/fieldset<br />><br /><br /> <br /><<br />/form<br />><br /><br /> 嘗試一下 ?</p> <hr> <h2>錯誤狀態(tài)</h2><p>使用 <code>.error</code> 類來設(shè)置錯誤的標簽、輸入框、文本框樣式:</p> <h3>實例</h3> <p><<br />form<br />><br /><br /> <br /><<br />label<br />class=<br />"error"<br />>Error<br /><br />   <br /><<br />input<br />type=<br />"text"<br />placeholder=<br />"Name.."<br />><br /><br /> <br /><<br />/label<br />><br /><br /> <br /><<br />small<br />class=<br />"error"<br />>Wrong input<br /><<br />/small<br />></p><p> <br /><<br />textarea<br />rows=<br />"4"<br />placeholder=<br />"Address"<br />><br /><<br />/textarea<br />><br /><br />  <br /><<br />small<br />class=<br />"error"<br />>Wrong input<br /><<br />/small<br />><br /><br /> <br /><<br />/form<br />><br /><br /> 嘗試一下 ?</p> <table> <tbody> <tr> <th style="width:34px"></th> <td>你需要使用 JavaScript 來更新用戶輸入的錯誤狀態(tài)。</td> </tr> </tbody> </table> <br> 文章標題：創(chuàng)新互聯(lián)Foundation教程：Foundation表單 <br> URL網(wǎng)址：<a href="http://m.5511xx.com/article/ccdheec.html">http://m.5511xx.com/article/ccdheec.html</a> </div> <div id="t2ok44w" class="hot_new"> <div id="1jkaxwu" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="fwv2p4o" class="news_list clearfix"> <ul> <li> <a href="/article/codchhg.html">實戰(zhàn)紅色的緩存redis技術(shù)視頻實戰(zhàn)助你成功（redis緩存技術(shù)視頻）</a> </li><li> <a href="/article/codchjo.html">創(chuàng)新互聯(lián)小程序教程：微信小程序云開發(fā)API數(shù)據(jù)庫·新增集合</a> </li><li> <a href="/article/codsoie.html">域名種類,不同域名種類的含義</a> </li><li> <a href="/article/codsoei.html">為什么WPS打印只打了幾頁</a> </li><li> <a href="/article/codchge.html">已經(jīng)備案綁定域名但是不能正常訪問</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div id="za199lt" class="footer wow fadeInUp"> <div id="ssikh9b" class="rowFluid"> <div id="4p9vpom" class="span12"> <div id="4bc2q19" class="container"> <div id="md340iq" class="footer_content"> <div id="vyyovaq" class="span4 col-xm-12"> <div id="x4iynel" class="footer_list"> <div id="to9df2c" class="span6"> <div id="riyg2oc" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號二維碼" /></div> </div> <div id="fyzy907" class="span6 col-xm-12"> <div id="hhom2ka" class="quick_navigation"> <div id="c9oleck" class="quick_navigation_title">快速導(dǎo)航</div> <ul> <li><a title="成都柴油發(fā)電機組" target="_blank">成都柴油發(fā)電機組</a></li><li><a title="led發(fā)光廣告字" target="_blank">led發(fā)光廣告字</a></li><li><a title="成都定制無紡布" target="_blank">成都定制無紡布</a></li><li><a title="成都公司注冊代理" target="_blank">成都公司注冊代理</a></li><li><a title="fadianjiwx.com" target="_blank">fadianjiwx.com</a></li><li><a title="資陽發(fā)電機組租用" target="_blank">資陽發(fā)電機組租用</a></li><li><a title="成都網(wǎng)站建設(shè)" target="_blank">成都網(wǎng)站建設(shè)</a></li><li><a title="led電子產(chǎn)品" target="_blank">led電子產(chǎn)品</a></li><li><a title="宣威網(wǎng)站設(shè)計" target="_blank">宣威網(wǎng)站設(shè)計</a></li><li><a title="康明斯發(fā)電機故障維修" target="_blank">康明斯發(fā)電機故障維修</a></li><li><a title="成都廣告制作" target="_blank">成都廣告制作</a></li> </ul> </div> </div> </div> </div> <div id="1shvtbq" class="span4 col-xm-6 col-xs-12"> <div id="4o4m3ks" class="footer_list"> <div id="jtjatap" class="footer_link"> <div id="jb9zsir" class="footer_link_title">友情鏈接</div> <ul id="frientLinks"> <a title="網(wǎng)站制作" target="_blank">網(wǎng)站制作</a> <a title="網(wǎng)站建設(shè)" target="_blank">網(wǎng)站建設(shè)</a> <a title="成都網(wǎng)絡(luò)推廣" target="_blank">網(wǎng)絡(luò)推廣</a> <a title="成都網(wǎng)站推廣" target="_blank">網(wǎng)站推廣</a> <a title="成都微信小程序開發(fā)" target="_blank">小程序開發(fā)</a> <a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a> </ul> <div id="gxncc8a" class="footer_link_title">網(wǎng)站建設(shè)</div> <ul id="frientLinks"> <li><a href="/">四川平武建站</a></li> <li><a title="創(chuàng)新互聯(lián)網(wǎng)站欄目導(dǎo)航" target="_blank">網(wǎng)站導(dǎo)航</a></li> </ul> </div> </div> </div> <div id="tusdccc" class="span4 col-xm-6 col-xs-12"> <div id="vedtja1" class="footer_list"> <div id="vedt2fx" class="footer_cotact"> <div id="eowv12r" class="footer_cotact_title">聯(lián)系方式</div> <ul> <li><span id="pyymt4p" class="footer_cotact_type">企業(yè)：</span><span id="3bij49s" class="footer_cotact_content">四川綿陽平武網(wǎng)站建設(shè)工作室</span></li> <li><span id="vvl2x1c" class="footer_cotact_type">地址：</span><span id="weml9zi" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li> <li><span id="ygw9qip" class="footer_cotact_type">電話：</span><span id="3omtszo" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="3zy22vl" class="footer_cotact_type">網(wǎng)址：</span><span id="4wevcba" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">m.5511xx.com</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="vujqwwx" class="copyright"> <p>公司名稱：四川綿陽平武網(wǎng)站建設(shè)工作室 聯(lián)系電話：18980820575</p> <p><a target="_blank" rel="nofollow">網(wǎng)站備案號：蜀ICP備2024061352號-3</a></p> <p>四川平武建站 四川平武網(wǎng)站建設(shè) 四川平武網(wǎng)站設(shè)計 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="eqpxs" class="pl_css_ganrao" style="display: none;"><li id="eqpxs"></li><form id="eqpxs"></form><strong id="eqpxs"><dfn id="eqpxs"><menuitem id="eqpxs"><var id="eqpxs"></var></menuitem></dfn></strong><em id="eqpxs"></em><tbody id="eqpxs"></tbody><ul id="eqpxs"><span id="eqpxs"><table id="eqpxs"><ins id="eqpxs"></ins></table></span></ul><output id="eqpxs"></output><td id="eqpxs"><li id="eqpxs"><center id="eqpxs"><input id="eqpxs"></input></center></li></td><menuitem id="eqpxs"><var id="eqpxs"><small id="eqpxs"><form id="eqpxs"></form></small></var></menuitem><sup id="eqpxs"><span id="eqpxs"><li id="eqpxs"><ins id="eqpxs"></ins></li></span></sup><rp id="eqpxs"><dd id="eqpxs"><pre id="eqpxs"><video id="eqpxs"></video></pre></dd></rp><tbody id="eqpxs"><video id="eqpxs"><div id="eqpxs"><label id="eqpxs"></label></div></video></tbody><menuitem id="eqpxs"><tfoot id="eqpxs"><kbd id="eqpxs"><delect id="eqpxs"></delect></kbd></tfoot></menuitem><nobr id="eqpxs"></nobr><meter id="eqpxs"><dfn id="eqpxs"><dfn id="eqpxs"><menuitem id="eqpxs"></menuitem></dfn></dfn></meter><abbr id="eqpxs"></abbr><output id="eqpxs"><td id="eqpxs"><form id="eqpxs"><center id="eqpxs"></center></form></td></output><code id="eqpxs"></code><samp id="eqpxs"></samp><xmp id="eqpxs"></xmp><em id="eqpxs"><strike id="eqpxs"><th id="eqpxs"><tt id="eqpxs"></tt></th></strike></em><dfn id="eqpxs"></dfn><dfn id="eqpxs"><ul id="eqpxs"><dfn id="eqpxs"><table id="eqpxs"></table></dfn></ul></dfn><rp id="eqpxs"><dd id="eqpxs"><pre id="eqpxs"><video id="eqpxs"></video></pre></dd></rp><label id="eqpxs"><form id="eqpxs"><dd id="eqpxs"><input id="eqpxs"></input></dd></form></label><tfoot id="eqpxs"><tbody id="eqpxs"><delect id="eqpxs"><div id="eqpxs"></div></delect></tbody></tfoot><nobr id="eqpxs"></nobr><abbr id="eqpxs"></abbr><big id="eqpxs"></big><menuitem id="eqpxs"><var id="eqpxs"><small id="eqpxs"><meter id="eqpxs"></meter></small></var></menuitem><form id="eqpxs"></form><strong id="eqpxs"><dfn id="eqpxs"><menuitem id="eqpxs"><var id="eqpxs"></var></menuitem></dfn></strong><form id="eqpxs"><dfn id="eqpxs"><output id="eqpxs"><dfn id="eqpxs"></dfn></output></dfn></form><small id="eqpxs"></small><abbr id="eqpxs"></abbr><menu id="eqpxs"><rp id="eqpxs"><thead id="eqpxs"><input id="eqpxs"></input></thead></rp></menu><small id="eqpxs"><tr id="eqpxs"><dfn id="eqpxs"><dfn id="eqpxs"></dfn></dfn></tr></small><em id="eqpxs"></em><nobr id="eqpxs"></nobr><samp id="eqpxs"></samp><output id="eqpxs"></output><big id="eqpxs"><nobr id="eqpxs"><em id="eqpxs"><div id="eqpxs"></div></em></nobr></big><samp id="eqpxs"></samp><strong id="eqpxs"><dfn id="eqpxs"><menuitem id="eqpxs"><code id="eqpxs"></code></menuitem></dfn></strong><video id="eqpxs"></video><td id="eqpxs"></td><meter id="eqpxs"></meter><form id="eqpxs"><center id="eqpxs"><wbr id="eqpxs"><abbr id="eqpxs"></abbr></wbr></center></form><code id="eqpxs"><small id="eqpxs"><tr id="eqpxs"><dfn id="eqpxs"></dfn></tr></small></code><big id="eqpxs"><nobr id="eqpxs"><em id="eqpxs"><strike id="eqpxs"></strike></em></nobr></big></div> </html>