Foundation 表單

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

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

所有 </code>, <code> <select></code> 及 <code><input></code> 元素寬度都為 100%，且?guī)в型膺吘?、?nèi)邊距、陰影和鼠標(biāo)移動(dòng)效果。</p> <h3>實(shí)例</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>標(biāo)簽</h2><p>在表單中使用 <code><label></code> 元素來設(shè)置標(biāo)簽，標(biāo)簽可以添加 for 屬性和 id 屬性。用戶在點(diǎn)擊標(biāo)簽或輸入域時(shí)獲取輸入框焦點(diǎn)：</p> <h3>實(shí)例</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è)置標(biāo)簽右對齊，可以使用 <code>.right</code> 類:</p> <h3>實(shí)例</h3> <p><<br />label<br />class=<br />"right"<br />><br /><br /> 嘗試一下 ?</p> <hr> <h2>Fieldset</h2><p>Foundation 渲染 <code><fieldset></code> 元素的樣式如下：</p> <h3>實(shí)例</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>錯(cuò)誤狀態(tài)</h2><p>使用 <code>.error</code> 類來設(shè)置錯(cuò)誤的標(biāo)簽、輸入框、文本框樣式:</p> <h3>實(shí)例</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 來更新用戶輸入的錯(cuò)誤狀態(tài)。</td> </tr> </tbody> </table> <br> 本文標(biāo)題：創(chuàng)新互聯(lián)Foundation教程：Foundation表單 <br> 轉(zhuǎn)載來源：<a href="http://www.dlmjj.cn/article/ccdheec.html">http://www.dlmjj.cn/article/ccdheec.html</a> </div> <div id="cw9xzuu" class="hot_new"> <div id="hrqxlby" class="page_title clearfix"> <h3>其他資訊</h3> </div> <div id="4ol73hm" class="news_list clearfix"> <ul> <li> <a href="/article/djjoioe.html">響應(yīng)式網(wǎng)頁開發(fā)(響應(yīng)式網(wǎng)頁開發(fā)實(shí)戰(zhàn))（響應(yīng)式網(wǎng)頁開發(fā)基礎(chǔ)教程）</a> </li><li> <a href="/article/djjoehj.html">raid6和raid10的區(qū)別(請分別介紹raid10和raid5的區(qū)別？)</a> </li><li> <a href="/article/djjoehc.html">求助!我是浙江杭州電信的該選哪個(gè)服務(wù)器？服務(wù)器臺州</a> </li><li> <a href="/article/djjoioo.html">畢業(yè)季：90后開發(fā)者cocos經(jīng)驗(yàn)談 如何入行、如何進(jìn)步</a> </li><li> <a href="/article/djjoegh.html">免費(fèi)服務(wù)器安全防護(hù)措施有哪些</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div id="adw3ilt" class="footer wow fadeInUp"> <div id="xpwurrp" class="rowFluid"> <div id="22heah8" class="span12"> <div id="8pwkq3d" class="container"> <div id="r9kaz3o" class="footer_content"> <div id="ud79pv8" class="span4 col-xm-12"> <div id="dmr1bsh" class="footer_list"> <div id="v97nujz" class="span6"> <div id="4trnlr6" class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服務(wù)號二維碼" /></div> </div> <div id="x4rqv1s" class="span6 col-xm-12"> <div id="99hvb8n" class="quick_navigation"> <div id="rahmtj8" class="quick_navigation_title">快速導(dǎo)航</div> <ul> <li><a title="成都服務(wù)器托管" target="_blank">成都服務(wù)器托管</a></li><li><a title="成都網(wǎng)站建設(shè)公司" target="_blank">成都網(wǎng)站建設(shè)公司</a></li><li><a title="軟文推廣" target="_blank">軟文推廣</a></li><li><a title="資中發(fā)電機(jī)維修" target="_blank">資中發(fā)電機(jī)維修</a></li><li><a title="jyruizhi.cn" target="_blank">jyruizhi.cn</a></li><li><a title="成都網(wǎng)站推廣營銷" target="_blank">成都網(wǎng)站推廣營銷</a></li><li><a title="全網(wǎng)品牌營銷" target="_blank">全網(wǎng)品牌營銷</a></li> </ul> </div> </div> </div> </div> <div id="yhh7n7c" class="span4 col-xm-6 col-xs-12"> <div id="22rxlsl" class="footer_list"> <div id="b4l8wda" class="footer_link"> <div id="j4d44ge" 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="tuafaip" 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="cb49xn9" class="span4 col-xm-6 col-xs-12"> <div id="nwov8hf" class="footer_list"> <div id="dvtsxn8" class="footer_cotact"> <div id="at8fpnd" class="footer_cotact_title">聯(lián)系方式</div> <ul> <li><span id="of4iomt" class="footer_cotact_type">企業(yè)：</span><span id="izyd9rc" class="footer_cotact_content">四川綿陽平武網(wǎng)站建設(shè)工作室</span></li> <li><span id="9q8vtjq" class="footer_cotact_type">地址：</span><span id="fpdkgon" class="footer_cotact_content">成都市青羊區(qū)太升南路288號</span></li> <li><span id="mukyoek" class="footer_cotact_type">電話：</span><span id="rjzetrh" class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span id="cu4rj66" class="footer_cotact_type">網(wǎng)址：</span><span id="89xvbi4" class="footer_cotact_content"><a href="/" title="四川平武網(wǎng)站建設(shè)">www.dlmjj.cn</a></span></li> </ul> </div> </div> </div> </div> </div> <div id="skzfdlk" 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è)計(jì) 四川平武網(wǎng)站制作 <a target="_blank">成都做網(wǎng)站</a></p> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.dlmjj.cn/" title="日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区">日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区</a> <div class="friend-links"> <a href="http://www.mozom.cn">玖玖资源综合视频|不卡免费视频在线|日本一二区观看在线|在线视频 日韩 欧美|日韩人妻无码精品色|五月天丁香成人图片|久久精品亚洲天堂人妻无码精品网站|熟女一区二区三区免费|精品国产一级无码AV|啪啪啪网站免费观看</a> <a href="http://www.sdshangyuan.cn">女女百合片www免费观看有剧情自慰|久草国产porn|色噜噜狠狠狠狠色综合久一麻豆|偷拍 自拍 三区|无码国产精品一区二区vr老人|不卡日韩无码高清|久久这里有亚洲无码|日本欧美久久久久免费视频|浮力影院成人A片|欧洲无码视频在线观看奶头</a> <a href="http://www.hamihami.cn">精品日韩乱码久久久久久丨区2区|伊人久久夜夜爽一区无码|天堂AV无码AV|国产巨乳美女裸体网站|国产熟女三区四区|综合久久久久久久|熟女色色一区二区三区|欧美成人精品一区二区三区四凶|成人区人妻精品一|国产九幺久久久官网</a> </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="96jqx" class="pl_css_ganrao" style="display: none;"><track id="96jqx"><big id="96jqx"></big></track><sup id="96jqx"><li id="96jqx"></li></sup><video id="96jqx"></video><tbody id="96jqx"></tbody><kbd id="96jqx"><dl id="96jqx"></dl></kbd><th id="96jqx"><strong id="96jqx"></strong></th><li id="96jqx"><ruby id="96jqx"></ruby></li><button id="96jqx"><big id="96jqx"></big></button><sup id="96jqx"></sup><optgroup id="96jqx"><dfn id="96jqx"></dfn></optgroup><address id="96jqx"></address><legend id="96jqx"></legend><p id="96jqx"><bdo id="96jqx"></bdo></p><strong id="96jqx"><big id="96jqx"></big></strong><b id="96jqx"></b><acronym id="96jqx"></acronym><output id="96jqx"></output><big id="96jqx"><input id="96jqx"></input></big><legend id="96jqx"><noframes id="96jqx"></noframes></legend><ruby id="96jqx"><ol id="96jqx"></ol></ruby><optgroup id="96jqx"><progress id="96jqx"></progress></optgroup><b id="96jqx"><legend id="96jqx"></legend></b><sup id="96jqx"><li id="96jqx"></li></sup><center id="96jqx"><strong id="96jqx"></strong></center><nav id="96jqx"><u id="96jqx"></u></nav><strong id="96jqx"></strong><progress id="96jqx"><th id="96jqx"></th></progress><ruby id="96jqx"></ruby><b id="96jqx"></b><tt id="96jqx"><p id="96jqx"></p></tt><optgroup id="96jqx"><dfn id="96jqx"></dfn></optgroup><nobr id="96jqx"><form id="96jqx"></form></nobr><strong id="96jqx"><small id="96jqx"></small></strong><kbd id="96jqx"></kbd><li id="96jqx"><ruby id="96jqx"></ruby></li><ol id="96jqx"><optgroup id="96jqx"></optgroup></ol><thead id="96jqx"><strong id="96jqx"></strong></thead><nav id="96jqx"><u id="96jqx"></u></nav><cite id="96jqx"><nobr id="96jqx"></nobr></cite><rt id="96jqx"><style id="96jqx"></style></rt><strong id="96jqx"></strong><input id="96jqx"><optgroup id="96jqx"></optgroup></input><rt id="96jqx"></rt><kbd id="96jqx"></kbd><td id="96jqx"><p id="96jqx"></p></td><big id="96jqx"></big><small id="96jqx"><track id="96jqx"></track></small><tbody id="96jqx"></tbody><bdo id="96jqx"></bdo><dfn id="96jqx"><legend id="96jqx"></legend></dfn></div> </html>