在網頁設計中，多行文本輸入框是非常常見的用戶界面元素之一。通過 CSS，我們可以對多行文本輸入框進行各種樣式的設置，以滿足不同的設計需求。本文將詳細介紹如何在 CSS 中設置多行文本輸入框的樣式。
一、基本結構
我們需要在 HTML 中創(chuàng)建一個多行文本輸入框。以下是一個簡單的示例代碼：
```html
```
在上述代碼中，我們使用 `` 標簽創(chuàng)建了一個多行文本輸入框。接下來，我們將在 `<style>` 標簽中添加 CSS 樣式來設置它的外觀。</p><p>二、設置寬度和高度</p><p>通過 `width` 和 `height` 屬性，我們可以輕松地設置多行文本輸入框的寬度和高度。例如，以下代碼將設置輸入框的寬度為 300 像素，高度為 150 像素：</p><p>```css</p><p>textarea {</p><p>width: 300px;</p><p>height: 150px;</p><p>}</p><p>```</p><p>這樣，輸入框的大小就被固定為 300 像素寬和 150 像素高。你可以根據(jù)實際需求調整這些值。</p><p>三、邊框樣式</p><p>使用 `border` 屬性，我們可以為多行文本輸入框添加邊框。以下是一些常見的邊框樣式設置：</p><p>1. 實線邊框：</p><p>```css</p><p>textarea {</p><p>border: 1px solid #000;</p><p>}</p><p>```</p><p>上述代碼將為輸入框添加一個 1 像素寬的黑色實線邊框。</p><p>2. 虛線邊框：</p><p>```css</p><p>textarea {</p><p>border: 1px dotted #000;</p><p>}</p><p>```</p><p>這里設置了一個 1 像素寬的黑色虛線邊框。</p><p>3. 無邊框：</p><p>```css</p><p>textarea {</p><p>border: none;</p><p>}</p><p>```</p><p>通過將 `border` 屬性設置為 `none`，可以去除輸入框的邊框。</p><p>四、內邊距和外邊距</p><p>`padding` 屬性用于設置元素內部的內邊距，而 `margin` 屬性用于設置元素外部的外邊距。以下是如何使用這兩個屬性來調整多行文本輸入框的內邊距和外邊距：</p><p>1. 內邊距：</p><p>```css</p><p>textarea {</p><p>padding: 10px;</p><p>}</p><p>```</p><p>上述代碼將為輸入框添加 10 像素的內邊距，使得文本與邊框之間有一定的距離。</p><p>2. 外邊距：</p><p>```css</p><p>textarea {</p><p>margin: 10px;</p><p>}</p><p>```</p><p>這里設置了 10 像素的外邊距，用于調整輸入框與周圍元素的距離。</p><p>五、字體樣式</p><p>通過 `font-family`、`font-size` 和 `color` 屬性，我們可以設置多行文本輸入框中文本的字體樣式。例如：</p><p>```css</p><p>textarea {</p><p>font-family: Arial, sans-serif;</p><p>font-size: 16px;</p><p>color: #333;</p><p>}</p><p>```</p><p>上述代碼將輸入框的字體設置為 Arial 或 sans-serif 字體族，字體大小為 16 像素，顏色為 #333。</p><p>六、文本對齊方式</p><p>使用 `text-align` 屬性，我們可以設置多行文本輸入框中文本的對齊方式。常見的對齊方式有左對齊、右對齊和居中對齊。以下是示例代碼：</p><p>1. 左對齊：</p><p>```css</p><p>textarea {</p><p>text-align: left;</p><p>}</p><p>```</p><p>2. 右對齊：</p><p>```css</p><p>textarea {</p><p>text-align: right;</p><p>}</p><p>```</p><p>3. 居中對齊：</p><p>```css</p><p>textarea {</p><p>text-align: center;</p><p>}</p><p>```</p><p>七、禁用和只讀狀態(tài)樣式</p><p>有時候，我們需要將多行文本輸入框設置為禁用或只讀狀態(tài)。以下是如何實現(xiàn)這兩種狀態(tài)的樣式設置：</p><p>1. 禁用狀態(tài)：</p><p>```css</p><p>textarea[disabled] {</p><p>background-color: #f0f0f0;</p><p>cursor: not-allowed;</p><p>}</p><p>```</p><p>上述代碼將禁用狀態(tài)的輸入框背景顏色設置為 #f0f0f0，并將鼠標指針設置為禁止狀態(tài)。</p><p>2. 只讀狀態(tài)：</p><p>```css</p><p>textarea[readonly] {</p><p>background-color: #f9f9f9;</p><p>}</p><p>```</p><p>這里將只讀狀態(tài)的輸入框背景顏色設置為 #f9f9f9。</p><p>八、響應式設計</p><p>在現(xiàn)代網頁設計中，響應式設計非常重要。通過使用媒體查詢，我們可以根據(jù)不同的屏幕尺寸來調整多行文本輸入框的樣式。以下是一個簡單的媒體查詢示例：</p><p>```css</p><p>@media screen and (max-width: 768px) {</p><p>textarea {</p><p>width: 100%;</p><p>}</p><p>}</p><p>```</p><p>上述代碼將在屏幕寬度小于等于 768 像素時，將輸入框的寬度設置為 100%，以適應移動設備的屏幕。</p><p>綜上所述，通過 CSS，我們可以對多行文本輸入框進行各種樣式的設置，包括寬度、高度、邊框、內邊距、外邊距、字體樣式、文本對齊方式、禁用和只讀狀態(tài)以及響應式設計等。這些樣式設置可以幫助我們創(chuàng)建出美觀、實用的用戶界面，提升用戶體驗。在實際應用中，你可以根據(jù)具體需求選擇合適的樣式屬性和值，并結合其他 CSS 技術來實現(xiàn)更復雜的設計效果。</p> </div> </div> </div> <div id="4tft2yhvst" class="nextinfo"> <p class="prev"> <span>上一篇</span> <br> <a href="http://www.54498.cn/wendang/882.html" title="上一篇：怎樣在CSS中設置元素的表格行動畫填充模式？">怎樣在CSS中設置元素的表格行動畫填充模式？</a> </p> <p class="next"> <span>下一篇</span> <br> <a href="http://www.54498.cn/wendang/884.html" title="下一篇：PHP支持哪些操作系統(tǒng)？">PHP支持哪些操作系統(tǒng)？</a> </p> </div> </div> <div id="4tft2yhvst" class=" related-list"> <h3 class="shugang">相關文章</h3> <ul> <li> <a href="/wendang/15328.html" title="如何監(jiān)控數(shù)據(jù)庫性能？"> <p>如何監(jiān)控數(shù)據(jù)庫性能？</p> </a> </li><li> <a href="/wendang/15327.html" title="數(shù)據(jù)庫如何支持多語言？"> <p>數(shù)據(jù)庫如何支持多語言？</p> </a> </li><li> <a href="/wendang/15326.html" title="如何優(yōu)化數(shù)據(jù)庫的存儲空間？"> <p>如何優(yōu)化數(shù)據(jù)庫的存儲空間？</p> </a> </li><li> <a href="/wendang/15325.html" title="數(shù)據(jù)庫如何實現(xiàn)數(shù)據(jù)關聯(lián)？"> <p>數(shù)據(jù)庫如何實現(xiàn)數(shù)據(jù)關聯(lián)？</p> </a> </li><li> <a href="/wendang/15324.html" title="如何刪除數(shù)據(jù)庫中的重復數(shù)據(jù)？"> <p>如何刪除數(shù)據(jù)庫中的重復數(shù)據(jù)？</p> </a> </li><li> <a href="/wendang/15323.html" title="數(shù)據(jù)庫如何實現(xiàn)數(shù)據(jù)備份？"> <p>數(shù)據(jù)庫如何實現(xiàn)數(shù)據(jù)備份？</p> </a> </li><li> <a href="/wendang/15322.html" title="如何在數(shù)據(jù)庫中存儲圖片？"> <p>如何在數(shù)據(jù)庫中存儲圖片？</p> </a> </li><li> <a href="/wendang/15321.html" title="數(shù)據(jù)庫如何實現(xiàn)用戶認證？"> <p>數(shù)據(jù)庫如何實現(xiàn)用戶認證？</p> </a> </li> </ul> </div> </div> </div> <div id="4tft2yhvst" class=" aside l_box"> <div id="4tft2yhvst" class="sidebar" id="side-new-article-item"> <div id="4tft2yhvst" class="side-title"> <h3 class="function_t">最新文章</h3></div> <ul> <li id="4tft2yhvst" class="widlist"> <h3> <a href="/gonggao/15333.html" target="_blank" title="端午節(jié)放假通知"> 端午節(jié)放假通知</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-05-27</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/gonggao/15332.html" target="_blank" title="勞動節(jié)放假通知"> 勞動節(jié)放假通知</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-04-26</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/gonggao/15331.html" target="_blank" title="清明節(jié)放假通知！"> 清明節(jié)放假通知！</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-04-03</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/gonggao/15330.html" target="_blank" title="逗號AI全新升級啦，自動配圖，性能更強，生成更快，功能更多"> 逗號AI全新升級啦，自動配圖，性能更強，生成更快，功能更多</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-03-27</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/gonggao/15329.html" target="_blank" title="逗號網站監(jiān)控：守護網站穩(wěn)定的得力助手"> 逗號網站監(jiān)控：守護網站穩(wěn)定的得力助手</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-03-10</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/15328.html" target="_blank" title="如何監(jiān)控數(shù)據(jù)庫性能？"> 如何監(jiān)控數(shù)據(jù)庫性能？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-03-03</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/15327.html" target="_blank" title="數(shù)據(jù)庫如何支持多語言？"> 數(shù)據(jù)庫如何支持多語言？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-03-03</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/15326.html" target="_blank" title="如何優(yōu)化數(shù)據(jù)庫的存儲空間？"> 如何優(yōu)化數(shù)據(jù)庫的存儲空間？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-03-03</span></div> </li> </ul> </div> <div id="4tft2yhvst" class="sidebar" id="side-hot-view-item"> <div id="4tft2yhvst" class="side-title"> <h3 class="function_t">熱門文章</h3></div> <ul> <li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/7394.html" target="_blank" title="怎樣提升文章的邏輯性和連貫性？"> 怎樣提升文章的邏輯性和連貫性？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-02-11</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/1852.html" target="_blank" title="網站的分享按鈕設置對搜索排名有影響嗎？"> 網站的分享按鈕設置對搜索排名有影響嗎？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-01-25</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/1859.html" target="_blank" title="線上平臺的合作推廣有哪些方式？"> 線上平臺的合作推廣有哪些方式？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-01-25</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/6903.html" target="_blank" title="網站的滾動條樣式影響加載速度嗎？"> 網站的滾動條樣式影響加載速度嗎？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-02-10</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/9854.html" target="_blank" title="如何根據(jù)指標調整廣告投放策略？"> 如何根據(jù)指標調整廣告投放策略？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-02-16</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/4112.html" target="_blank" title="Laravel框架怎么在不同環(huán)境下配置不同的數(shù)據(jù)庫連接？"> Laravel框架怎么在不同環(huán)境下配置不同的數(shù)據(jù)庫連接？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-02-02</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/9877.html" target="_blank" title="網站分析的未來發(fā)展趨勢是什么，可能會有哪些新的技術和方法？"> 網站分析的未來發(fā)展趨勢是什么，可能會有哪些新的技術和方法？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-02-16</span></div> </li><li id="4tft2yhvst" class="widlist"> <h3> <a href="/wendang/6802.html" target="_blank" title="怎樣根據(jù)用戶行為優(yōu)化網站導航欄？"> 怎樣根據(jù)用戶行為優(yōu)化網站導航欄？</a></h3> <div id="4tft2yhvst" class="sidefoot"> <span>2025-02-09</span></div> </li> </ul> </div> </div> </div> </div> <div id="4tft2yhvst" class="footers"> <div id="4tft2yhvst" class="functionMenu"> <div id="4tft2yhvst" class="info w"> <div id="4tft2yhvst" class="hotLine"> <ul> <li id="4tft2yhvst" class="one">客服熱線</li> <li id="4tft2yhvst" class="two">400-928-1377</li> <li id="4tft2yhvst" class="three"> <a onclick="window.open('https://wpa1.qq.com/d7V3IlCw?_type=wpa&qidian=true', '_blank', 'height=544,width=644,toolbar=no,scrollbars=no,menubar=no,status=no');void(null);"> <i> </i> <span>企業(yè)QQ</span></a> <span id="4tft2yhvst" class="time">9:00-18:00</span></li> <li id="4tft2yhvst" class="three"> <a > <i> </i> <span>值班QQ</span></a> <span id="4tft2yhvst" class="time">18:00-22:00</span></li> </ul> <div id="4tft2yhvst" class="gzh01"> <p>微信客服</p> <img src="/static/images/wx.jpg" class="gzh"/></div> </div> <div id="4tft2yhvst" class="quickJumpList"> <ul class="help clearfix"> <li style="width: 100%;">逗號CMS</li> <li id="4tft2yhvst" class="flex"> <div style="width: 26%;"> <a target="_blank">字典源碼</a> <a target="_blank">測算源碼</a> <a target="_blank">起名源碼</a> <a target="_blank">資源源碼</a> <a target="_blank">企業(yè)源碼</a></div> <div> <a target="_blank">文庫源碼</a> <a target="_blank">百科源碼</a> <a target="_blank">黃歷源碼</a> <a target="_blank">榜單源碼</a> <a target="_blank">文案源碼</a></div> <div> <a target="_blank">古風源碼</a> <a target="_blank">極簡源碼</a> <a target="_blank">清新源碼</a> <a target="_blank">詩詞源碼</a> <a target="_blank">三欄源碼</a></div> </li> </ul> <ul class="solve clearfix"> <li>產品服務</li> <li> <a href="http://www.54498.cn/" target="_blank">站長工具</a></li> <li> <a target="_blank">逗號AI</a></li> <li> <a target="_blank">逗號SSL證書</a></li> <li> <a target="_blank">逗號聯(lián)盟</a></li> <li> <a target="_blank">逗號CMS</a></li> <li> <a target="_blank">標題庫</a></li> <li> <a target="_blank">百度蜘蛛池</a></li> </ul> <ul class="operational clearfix"> <li>運維工具</li> <li> <a href="/" >網站查詢</a></li> <li> <a href="/seolog" >最新查詢</a></li> <li> <a >備案查詢</a></li> <li> <a href="http://www.54498.cn/history" >歷史查詢</a></li> </ul> <ul class="isDns clearfix"> <li>關于逗號</li> <li> <a target="_blank">公司簡介</a></li> <li> <a href="/help" target="_blank">幫助中心</a></li> <li> <a href="http://www.54498.cn/gonggao.html" target="_blank">公告通知</a></li> <li> <a target="_blank">SSL行業(yè)知識</a></li> <li> <a href="http://www.54498.cn/wendang.html" target="_blank">技術文檔</a></li> </ul> </div> </div> </div> <div id="4tft2yhvst" class="company w">Copyright?2018-2025 版權歸屬 浙江花田網絡有限公司 逗號站長站 www.54498.cn<br>本站已獲得《中華人民共和國增值電信業(yè)務經營許可證》：浙B2-20200940 <a target="_blank" >浙ICP備18032409號-1</a> <a target="_blank" style="display:inline-block;"><img src="/static/images/gaba.png" style="float:left; padding-left: 10px;margin-right: 10px;" /> 浙公網安備 33059102000262號</a> <br> </div> <!-- 右側固定 --> <div id="4tft2yhvst" class="bottom-column"> <div id="4tft2yhvst" class="menusd"> <div id="4tft2yhvst" class="menuli bcm-qq"> <span id="4tft2yhvst" class="bcm-name"> <a target="_blank" >在線 <br/>客服</a></span> </div> <div id="4tft2yhvst" class="menuli bcm-service"> <span id="4tft2yhvst" class="bcm-name">客服 <br/>熱線</span> <div id="4tft2yhvst" class="phoneservice"> <p class="inter">400-928-1377 <i></i> </p> </div> </div> <div id="4tft2yhvst" class="menuli bcm-ewm"> <span id="4tft2yhvst" class="bcm-name">微信 <br/>客服</span> <div id="4tft2yhvst" class="wechart"> <div id="4tft2yhvst" class="inter"> <img src="/static/images/wx.jpg" /> <i> </i> </div> </div> </div> <div id="4tft2yhvst" class="menuli bcm-suggest"> <a class="bcm-name ts">咨詢 <br/>投訴</a></div> <div id="4tft2yhvst" class="menuli scroll-top" id="scroll-top"></div> </div> </div> </div> <link media="all" type="text/css" rel="stylesheet" href="/static/user/css/user.css?v=20250621070717"> <div class="4tft2yhvst" id="regmod" class="by-app is-default"> <div id="4tft2yhvst" class="by-app-box reg"> <div id="4tft2yhvst" class="index-search clearfix bingds"> <div id="4tft2yhvst" class="layui-tab layui-tab-brief"> <div id="4tft2yhvst" class="layui-tab-content"> <div id="4tft2yhvst" class="layui-tab-item layui-show"> <div id="4tft2yhvst" class="by-search-box yzs"> <div id="4tft2yhvst" class="search-input yzphone fl"> <i class="layui-icon layui-icon-cellphone"></i> <input type="text" id="reg_phone" value="" placeholder="請輸入手機號" autocomplete="off"> </div> <div id="4tft2yhvst" class="search-input yzm fl"> <i class="layui-icon layui-icon-auz"></i> <input type="text" id="reg_yzm" value="" placeholder="請輸入驗證碼" autocomplete="off"> <div id="4tft2yhvst" class="layui-btn layui-btn-primary layui-border" id="get_code" data-type="reg">獲取驗證碼</div> </div> <div id="4tft2yhvst" class="search-input yzm fl"> <i class="layui-icon layui-icon-email"></i> <input type="text" id="reg_email" value="" placeholder="請輸入郵箱地址" autocomplete="off" style="width: 100%;"> </div> <div id="4tft2yhvst" class="search-input yzm fl"> <i class="layui-icon layui-icon-password"></i> <input type="password" id="reg_password" autocomplete="off" value="" placeholder="請輸入密碼"> </div> <input type="hidden" id="userfrom" value="/wendang/883.html"> <button class="btn-search-v4 fl truecha" id="regbtn"> 確認注冊 </button> <div id="4tft2yhvst" class="forget"> <div style="float:left"><input type="checkbox" class="agreement" name="agreement" checked> 同意《<a href="http://www.54498.cn/tool/zhucexieyi" target="_blank">用戶注冊協(xié)議</a>》和《<a href="http://www.54498.cn/tool/yinsixieyi" target="_blank">隱私協(xié)議</a>》</div> <a href="javascript:;" id="login">已有賬號</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="4tft2yhvst" id="loginmod" class="by-app is-default"> <div id="4tft2yhvst" class="by-app-box login"> <div id="4tft2yhvst" class="index-search clearfix bingds"> <div id="4tft2yhvst" class="layui-tab layui-tab-brief"> <ul class="layui-tab-title"> <li id="4tft2yhvst" class="layui-this" data-loginmod="1">手機號+密碼</li> <li data-loginmod="2">手機號+驗證碼</li> </ul> <div id="4tft2yhvst" class="layui-tab-content"> <div id="4tft2yhvst" class="layui-tab-item layui-show"> <div id="4tft2yhvst" class="by-search-box yzs"> <div id="4tft2yhvst" class="search-input phone fl"> <i class="layui-icon layui-icon-username"></i> <input type="text" id="logins_phone" autocomplete="off" value="" placeholder="請輸入手機號"> </div> <div id="4tft2yhvst" class="search-input yzm fl"> <i class="layui-icon layui-icon-password"></i> <input type="password" id="logins_password" autocomplete="off" value="" placeholder="請輸入密碼"> </div> <a href="javascript:;" id="forget" style="margin-top:5px;float:right">忘記密碼?</a> <button class="btn-search-v4 fl truecha" id="embtn" style="margin-top:5px"> 確認登錄 </button> </div> </div> <div id="4tft2yhvst" class="layui-tab-item"> <div id="4tft2yhvst" class="by-search-box yzs"> <div id="4tft2yhvst" class="search-input yzphone fl"> <i class="layui-icon layui-icon-cellphone"></i> <input type="text" id="login_phone" autocomplete="off" value="" placeholder="請輸入手機號"> </div> <div id="4tft2yhvst" class="search-input yzm fl"> <i class="layui-icon layui-icon-auz"></i> <input type="text" id="login_yzm" autocomplete="off" value="" placeholder="請輸入驗證碼"> <div id="4tft2yhvst" class="layui-btn layui-btn-primary layui-border" id="get_code" data-type="login">獲取驗證碼</div> </div> <a href="javascript:;" id="forget" style="margin-top:5px;float:right">忘記密碼?</a> <button class="btn-search-v4 fl truecha" id="mybtn" style="margin-top:5px"> 確認登錄 </button> </div> </div> <div id="4tft2yhvst" class="forget"> <div style="float:left;"><input type="checkbox" class="loginagreement" name="agreement" checked> 同意《<a href="http://www.54498.cn/tool/zhucexieyi" target="_blank">用戶注冊協(xié)議</a>》和《<a href="http://www.54498.cn/tool/yinsixieyi" target="_blank">隱私協(xié)議</a>》</div> <a href="javascript:;" id="reg" class="reg">注冊賬號</a> </div> </div> </div> </div> </div> </div> <div class="4tft2yhvst" id="forgetmod" class="by-app is-default"> <div id="4tft2yhvst" class="by-app-box forget"> <div id="4tft2yhvst" class="index-search clearfix bingds"> <div id="4tft2yhvst" class="layui-tab layui-tab-brief"> <div id="4tft2yhvst" class="layui-tab-content"> <div id="4tft2yhvst" class="layui-tab-item layui-show"> <div id="4tft2yhvst" class="by-search-box yzs"> <div id="4tft2yhvst" class="search-input yzphone fl"> <i class="layui-icon layui-icon-cellphone"></i> <input type="text" id="chaxun_phone" autocomplete="off" value="" placeholder="請輸入手機號"> </div> <div id="4tft2yhvst" class="search-input yzm fl"> <i class="layui-icon layui-icon-auz"></i> <input type="text" id="J_yzm" autocomplete="off" value="" placeholder="請輸入驗證碼"> <div id="4tft2yhvst" class="layui-btn layui-btn-primary layui-border" id="get_code" data-type="chaxun">獲取驗證碼</div> </div> <div id="4tft2yhvst" class="search-input yzm fl"> <i class="layui-icon layui-icon-password"></i> <input type="password" id="J_password" autocomplete="off" value="" placeholder="請輸入密碼"> </div> <button class="btn-search-v4 fl truecha" id="fgbtn"> 確認修改 </button> </div> </div> <div id="4tft2yhvst" class="forget"><a href="javascript:;" id="login">登陸賬號</a></div> </div> </div> </div> </div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.54498.cn/" title="三级特黄60分钟在线播放">三级特黄60分钟在线播放</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="hxnjm" class="pl_css_ganrao" style="display: none;"><p id="hxnjm"></p><listing id="hxnjm"><var id="hxnjm"></var></listing><u id="hxnjm"></u><dl id="hxnjm"><strong id="hxnjm"><fieldset id="hxnjm"><dl id="hxnjm"></dl></fieldset></strong></dl><dfn id="hxnjm"><li id="hxnjm"><tbody id="hxnjm"><dfn id="hxnjm"></dfn></tbody></li></dfn><sub id="hxnjm"></sub><dfn id="hxnjm"><sup id="hxnjm"><tfoot id="hxnjm"><span id="hxnjm"></span></tfoot></sup></dfn><input id="hxnjm"></input><abbr id="hxnjm"></abbr><label id="hxnjm"></label><big id="hxnjm"></big><pre id="hxnjm"><tr id="hxnjm"></tr></pre><track id="hxnjm"><th id="hxnjm"><nobr id="hxnjm"><dfn id="hxnjm"></dfn></nobr></th></track><tfoot id="hxnjm"><source id="hxnjm"><thead id="hxnjm"><sup id="hxnjm"></sup></thead></source></tfoot><small id="hxnjm"><style id="hxnjm"></style></small><pre id="hxnjm"><menu id="hxnjm"><style id="hxnjm"><source id="hxnjm"></source></style></menu></pre><small id="hxnjm"></small><wbr id="hxnjm"></wbr><ul id="hxnjm"></ul><dfn id="hxnjm"></dfn><nav id="hxnjm"></nav><strong id="hxnjm"><strong id="hxnjm"></strong></strong><b id="hxnjm"><small id="hxnjm"><video id="hxnjm"><meter id="hxnjm"></meter></video></small></b><div id="hxnjm"><dd id="hxnjm"><xmp id="hxnjm"><meter id="hxnjm"></meter></xmp></dd></div><legend id="hxnjm"><legend id="hxnjm"><sup id="hxnjm"></sup></legend></legend><output id="hxnjm"><big id="hxnjm"></big></output><nobr id="hxnjm"></nobr><address id="hxnjm"></address><strong id="hxnjm"><strong id="hxnjm"><label id="hxnjm"></label></strong></strong><cite id="hxnjm"><menu id="hxnjm"><i id="hxnjm"><strong id="hxnjm"></strong></i></menu></cite><source id="hxnjm"></source><small id="hxnjm"></small><video id="hxnjm"><small id="hxnjm"><output id="hxnjm"></output></small></video><form id="hxnjm"><th id="hxnjm"></th></form><code id="hxnjm"><abbr id="hxnjm"><em id="hxnjm"><td id="hxnjm"></td></em></abbr></code><option id="hxnjm"></option><sup id="hxnjm"><dl id="hxnjm"></dl></sup><ul id="hxnjm"></ul><ul id="hxnjm"><center id="hxnjm"><pre id="hxnjm"><del id="hxnjm"></del></pre></center></ul><tr id="hxnjm"></tr><menu id="hxnjm"><abbr id="hxnjm"><rp id="hxnjm"><font id="hxnjm"></font></rp></abbr></menu><font id="hxnjm"><tt id="hxnjm"></tt></font><abbr id="hxnjm"></abbr><th id="hxnjm"><kbd id="hxnjm"></kbd></th><ul id="hxnjm"><blockquote id="hxnjm"></blockquote></ul><track id="hxnjm"></track><noframes id="hxnjm"><abbr id="hxnjm"><table id="hxnjm"><label id="hxnjm"></label></table></abbr></noframes><td id="hxnjm"><big id="hxnjm"><progress id="hxnjm"></progress></big></td></div> </html>
逗號站長站