overflow屬性及用法分析,如何讓input的文本框變為多行?
textarea></textarea> 是多行文本的標簽
比如你要設個五行、一行50字的文本框,<textarea name="txt" clos=",50" rows="5" warp="virtual"></textarea>
textarea標簽屬性wrap:規定當提交表單時,文本區域中的文本應該怎樣換行;off(不自動換行)、hard(顯示效果和提交數據都自動換行)、soft(顯示效果自動換行,提交的數據不自動換行)、physical(相當于hard)、virtual(相當于soft);
form:定義文本區域所屬的一個或多個表單;
required:規定文本域為必須輸入項目(必填內容);
autofocus:規定當頁面加載時,文本區域自動獲得焦點;
maxlength:指定文本域中允許的最大字符數;如maxlength="20"表示最多只能輸入20個文字;
placeholder:指定占位符,占位符會在輸入文字為空時顯示,并會在元素獲得焦點時消失,也就是預先提示用戶這里應該輸入什么,鼠標點上去就消失的文字。
h5的元素隱藏方法?
元素隱藏的方法:
1、通過“display:none;”隱藏;
2、通過“overflow:hidden;”隱藏;
3、設置元素的寬高等盒子模型的屬性值為0;
4、利用定位隱藏;
5、設置元素透明度為0;
6、通過visibility隱藏。
css隱藏元素的幾種方法?
css隱藏元素是網頁編寫常用的方式,根據我的經驗總結了以下幾種css隱藏元素的方法.
opacityopacity屬性的隱藏方法主要是將元素透明度opacity設置為0,從而在視覺上就隱藏了元素,但是元素本身依然占據的著原有空間。
瀏覽器支持來說 IE8以以及更早的版本需要使用filter屬性代替,如: filter: Alpha(opacity=80)。
語法: opacity: value|inherit;
value: 透明值。可取值有 0.0 (全透明)和 1.0(不透明)。
inherit:從父元素集成opacity屬性的值。
其規定使用的CSS版本為 CSS3
JavaScript上的opacity使用方法: object.style.opacity=80。
使用示例:
.hide { opacity: 0;}displaydisplay屬性的隱藏方法主要是將元素display值設置為none,將其不可見,連盒子模型也不生成,甚至連也不占用原有空間,使用該屬性為none時用戶對該元素的操作將不可用。
其規定使用的CSS版本為 CSS1。
JavaScript上的display隱藏時方法: object.style.display="none"。
JavaScript上的display顯示時方法: object.style.display="除none的其他值"
display的屬性值包含有: "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。
使用示例:
.hide { display: none;}如果使用jQuery對 帶有display: none;的元素進行顯示/隱藏使用: $('.element').show() / $('element').hide();
positionposition屬性的隱藏方法主要是將元素定位出可視區域,從而達到隱藏效果。這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位,不過絕對或固定元素會生成一個塊級框,而不論該元素本身是什么類型。相對定位元素會相對于它在正常流中的默認位置偏移。
該屬性的值包含有: absolute,fixed,releative,static,inherit。
其規定使用的CSS版本為 CSS2。
JavaScript上的absolute隱藏時方法: object.style.position="absolute" ,object.style.top="-99999px",object.style.left="-99999px"。
使用示例:
.hide {
position: absolute;
top: -99999px;
left: -99999px;
}
visibilityvisibility屬性的隱藏方法主要是在使用動畫效果時使用,將該值設置為 hidden將隱藏元素及其子孫元素,如,我們需要鼠標移動到元素后顯示子元素,可在元素 的hover樣式設置 元素(或其子孫元素)的visibility的值 為visible即可。
該屬性的值包含有:visible,hidden,collapse,inherit。
其規定使用的CSS版本為 CSS2。
JavaScript上的absolute隱藏時方法: object.style.visibility="hidden"。
使用示例:
.hide {
visibility: hidden;
}
.show
{visibility: visible;
}
overflowoverflow屬性的隱藏方法主要是, 使用超出隱藏的方法。
使用示例:
.overflow
{ overflow: hidden;}hidden怎么用?
樓主是為了控制瀏覽器窗口滾動條吧overflow-y:hidden '表示沒有垂直滾動條overflow-x:hidden '表示沒有水平滾動條scroll:no或overflow-x:hidden;overflow-y:hidden或overflow:hidden '讓瀏覽器窗口永遠不出現滾動條