您好,登錄后才能下訂單哦!
小編給大家分享一下html表單中textarea屬性如何固定大小,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
首先我們先看看HTML表單中的textarea屬性固定大小的使用:
HTML標(biāo)簽textarea在大部分瀏覽器中只要指定行(rows)和列(cols)屬性,就可以規(guī)定textarea的尺寸,但大小在瀏覽器中(firefox、chrome)還是可以調(diào)節(jié)的,使用CSS的height和width屬性效果和rows cols定義的效果相同,可以拖動右下角圖標(biāo)改變大小。但是過分拖動大小會影響頁面布局,使頁面變得不美觀??梢酝ㄟ^添加如下樣式禁用拖動,固定大?。?/p>
<html> <head> </head> <form> <textarea id='memo'style="min-height:50px;min-width:70px;max-height:50px;max-width:70px;">這是億速云的留言框 </textarea> </form> </html>
如圖所示,這就是留言框的固定大小的做法,還保留著右下角的拖動圖標(biāo),但是沒用,根本拖不動,這就固定住了。
HTML表單中的textarea屬性本來就是用作多行文本域的屬性,現(xiàn)在要仔細(xì)說說,當(dāng)然得說,文本域的使用了。我們來看看一個頁面的代碼:
<form action="url地址" method=“get/post” name="表單名稱"> <p>文本框</p> 用戶名:<input type="text" name="username"> <p>密碼框(顯示為星號和小圓點(diǎn))</p> 密碼:<input type="password" name="password"> <p>單選框</p> 單選:<input type="radio" name="sex" value="nan">男 <input type="radio" name="sex" value="nv">女 <p>默認(rèn)選項(xiàng)框</p> 多選:<input type="checkbox" name="">吃飯 <input type="checkbox" name="" checked=“checked”>睡覺 <input type="checkbox" name="">打豆豆 <input type="checkbox" name="">喝水 <p>留言框</p> <textarea id='memo' style="min-height: 50px;min-width: 70px;max-height: 50px; max-width: 70px;" ></textarea> <p>提交按鈕</p> 提交:<input type="submit" name=""> <p>重置按鈕</p> 重置:<input type="reset" name=""> </form>
這就是表單代碼的大部分內(nèi)容了,最后的留言框是我們今天的文章所描述的:
看完了這篇文章,相信你對html表單中textarea屬性如何固定大小有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。