Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲精品一区二区四季,精品三级久久久久电影网1,精品久久久久久中文字幕 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML怎么設(shè)置input框大小，實例在線
          
        
           
          
	
	
          
		
                        
          TML怎么設(shè)置input框大小，實例在線
          HTML設(shè)置input框大小的方法
          HTML input元素定義的輸入框的大小，可以通過CSS的width屬性和height屬性來分別設(shè)置input框的寬度和高度，如果只是設(shè)置這些，input輸入框中的字體并不會跟著改變大小，如果還需要設(shè)置input輸入框內(nèi)字體的大小，則需要另外進行設(shè)置。下面的實例來先介紹一下改變input框大小的設(shè)置方法。語法如下：
          input{width:value1;height:value2}
          提示：input為元素選擇器，也可以通過其它的選擇器，比如id選擇器、類選擇器等等。
          HTML設(shè)置input框大小的實例代碼，及在線編輯器
          <input type='text'><br><br>
<input type='text' id='inp'>

<style>
  #inp{width:100%;height:50px;}
</style>
          笨鳥工具-璞玉天成，大器晚成
          原文及在線編輯器：HTML怎么設(shè)置input框大小，實例在線 - HTML教程
          頁可見區(qū)域?qū)挘篸ocument.body.clientWidth 
          網(wǎng)頁可見區(qū)域高：document.body.clientHeight 
          網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬) 
          網(wǎng)頁可見區(qū)域高：document.body.offsetHeight (包括邊線的寬) 
          網(wǎng)頁正文全文寬：document.body.scrollWidth 
          網(wǎng)頁正文全文高：document.body.scrollHeight 
          網(wǎng)頁被卷去的高：document.body.scrollTop 
          網(wǎng)頁被卷去的左：document.body.scrollLeft 
          網(wǎng)頁正文部分上：window.screenTop 
          網(wǎng)頁正文部分左：window.screenLeft 
          屏幕分辨率的高：window.screen.height 
          屏幕分辨率的寬：window.screen.width 
          屏幕可用工作區(qū)高度：window.screen.availHeight 
          屏幕可用工作區(qū)寬度：window.screen.availWidth 
          HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
          scrollHeight: 獲取對象的滾動高度。 
          scrollLeft:設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離 
          scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 
          scrollWidth:獲取對象的滾動寬度 
          offsetHeight:獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度 
          offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計算左側(cè)位置 
          offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計算頂端位置 
          event.clientX 相對文檔的水平座標(biāo) 
          event.clientY 相對文檔的垂直座標(biāo) 
          event.offsetX 相對容器的水平坐標(biāo) 
          event.offsetY 相對容器的垂直坐標(biāo) 
          document.documentElement.scrollTop 垂直方向滾動的值 
          event.clientX+document.documentElement.scrollTop 相對文檔的水平座標(biāo)+垂直方向滾動的量 
          IE，F(xiàn)ireFox 差異如下： 
          IE6.0、FF1.06+： 
          clientWidth = width + padding 
          clientHeight = height + padding 
          offsetWidth = width + padding + border 
          offsetHeight = height + padding + border 
          IE5.0/5.5： 
          clientWidth = width - border 
          clientHeight = height - border 
          offsetWidth = width 
          offsetHeight = height 
          (需要提一下：CSS中的margin屬性，與clientWidth、offsetWidth、clientHeight、offsetHeight均無關(guān))
          網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
          網(wǎng)頁可見區(qū)域高： document.body.clientHeight
          網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
          網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
          網(wǎng)頁正文全文寬： document.body.scrollWidth
          網(wǎng)頁正文全文高： document.body.scrollHeight
          網(wǎng)頁被卷去的高： document.body.scrollTop
          網(wǎng)頁被卷去的左： document.body.scrollLeft
          網(wǎng)頁正文部分上： window.screenTop
          網(wǎng)頁正文部分左： window.screenLeft
          屏幕分辨率的高： window.screen.height
          屏幕分辨率的寬： window.screen.width
          屏幕可用工作區(qū)高度： window.screen.availHeight
          屏幕可用工作區(qū)寬度： window.screen.availWidth
          －－－－－－－－－－－－－－－－－－－
          技術(shù)要點
          本節(jié)代碼主要使用了Document對象關(guān)于窗口的一些屬性，這些屬性的主要功能和用法如下。
          要得到窗口的尺寸，對于不同的瀏覽器，需要使用不同的屬性和方法：若要檢測窗口的真實尺寸，在Netscape下需要使用Window的屬性；在IE下需要 深入Document內(nèi)部對body進行檢測；在DOM環(huán)境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。
          Window對象的innerWidth屬性包含當(dāng)前窗口的內(nèi)部寬度。Window對象的innerHeight屬性包含當(dāng)前窗口的內(nèi)部高度。
          Document對象的body屬性對應(yīng)HTML文檔的標(biāo)簽。Document對象的documentElement屬性則表示HTML文檔的根節(jié)點。
          document.body.clientHeight表示HTML文檔所在窗口的當(dāng)前高度。document.body. clientWidth表示HTML文檔所在窗口的當(dāng)前寬度。
          實現(xiàn)代碼
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <title>請調(diào)整瀏覽器窗口</title>
          <meta http-equiv="content-type" content="text/html; charset=gb2312">
          </head>
          <body>
          <h2 align="center">請調(diào)整瀏覽器窗口大小</h2><hr>
          <form action="#" method="get" name="form1" id="form1">
          <!--顯示瀏覽器窗口的實際尺寸-->
          瀏覽器窗口 的 實際高度: <input type="text" name="availHeight" size="4"><br>
          瀏覽器窗口 的 實際寬度: <input type="text" name="availWidth" size="4"><br>
          </form>
          <script type="text/javascript">
          <!-- 
          var winWidth = 0;
          var winHeight = 0;
          function findDimensions() //函數(shù)：獲取尺寸
          {
          //獲取窗口寬度
          if (window.innerWidth)
          winWidth = window.innerWidth;
          else if ((document.body) && (document.body.clientWidth))
          winWidth = document.body.clientWidth;
          //獲取窗口高度
          if (window.innerHeight)
          winHeight = window.innerHeight;
          else if ((document.body) && (document.body.clientHeight))
          winHeight = document.body.clientHeight;
          //通過深入Document內(nèi)部對body進行檢測，獲取窗口大小
          if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
          {
          winHeight = document.documentElement.clientHeight;
          winWidth = document.documentElement.clientWidth;
          }
          //結(jié)果輸出至兩個文本框
          document.form1.availHeight.value= winHeight;
          document.form1.availWidth.value= winWidth;
          }
          findDimensions();
          //調(diào)用函數(shù)，獲取數(shù)值
          window.onresize=findDimensions;
          //-->
          </script>
          </body>
          </html> 
          源程序解讀
          （1）程序首先建立一個表單，包含兩個文本框，用于顯示窗口當(dāng)前的寬度和高度，并且，其數(shù)值會隨窗口大小的改變而變化。
          （2）在隨后的JavaScript代碼中，首先定義了兩個變量winWidth和winHeight，用于保存窗口的高度值和寬度值。
          （3）然后，在函數(shù)findDimensions ( )中，使用window.innerHeight和window.innerWidth得到窗口的高度和寬度，并將二者保存在前述兩個變量中。
          （4）再通過深入Document內(nèi)部對body進行檢測，獲取窗口大小，并存儲在前述兩個變量中。
          （5）在函數(shù)的最后，通過按名稱訪問表單元素，結(jié)果輸出至兩個文本框。
          （6）在JavaScript代碼的最后，通過調(diào)用findDimensions ( )函數(shù)，完成整個操作。
          頁設(shè)計制作是網(wǎng)站設(shè)計中一項非常重要的工作，主要負責(zé)的是將網(wǎng)頁設(shè)計師所設(shè)計出來的設(shè)計稿，按照W3C規(guī)范用html語言將其制作成網(wǎng)頁格式。網(wǎng)站設(shè)計實際上就是美化網(wǎng)站的一種方式，將網(wǎng)站的整體設(shè)計與網(wǎng)頁設(shè)計的相關(guān)原理緊密結(jié)合起來，讓企業(yè)網(wǎng)站高端、大氣、上檔次。
          網(wǎng)頁制作要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。所以每一個網(wǎng)站設(shè)計細節(jié)分析都是非常重要的。在企業(yè)網(wǎng)頁制作中最常見的一個細節(jié)就是中文本輸入框的設(shè)計制作，不同的風(fēng)格的、不同需求的網(wǎng)站其文本輸入框的大小和外觀效果都會有怕有不同。
          網(wǎng)頁設(shè)計制作之中文本輸入框就是html語言中的textare，textare包含有眾多的參數(shù)，學(xué)會運用這些參數(shù)，就可以很好的完成網(wǎng)頁設(shè)計制作的輸入框部分細節(jié)了。下面分形科技小編就與大家分享一些網(wǎng)頁設(shè)計制作之中文本輸入框的參數(shù)解釋。
          解決1、cols，垂直列
          cols在沒有做樣式表設(shè)置的情況下，它表示一行中可容納下的字節(jié)數(shù)。如cols=60，意思就是代表一行中最多可容納60個字節(jié)，也就是30個漢字。
          注意：文本框的寬度就是通過這個來調(diào)整，輸入好cols的數(shù)值，然后再定義輸入文字字體的大小（不定義的話，會采用默認值），那么文本框的寬度就確定了。
          解決2、rows，水平列
          rows表示可顯示的行數(shù)，如rows=10，表示可顯示10行。超過10行，則需要拖動滾動條來進行瀏覽了。文本框的高度就是通過這個來控制的。
          解決3、name，文本框的名稱
          Name指的是文本框的名稱，網(wǎng)頁設(shè)計制作時這一項必不可省，因為存儲文本的時候必須用到。
          解決4、warp
          當(dāng)warp="off"表示該文本區(qū)域中不自動換行，當(dāng)然如果不寫默認是會自動換行的。不過這個參數(shù)一般用得比較少。
          解決5、style
          Style是個非常實用的參數(shù)，可以用來設(shè)置文本框的背景色，滾動條顏色及形式，邊框色，輸入字體的大小顏色等等。
          解決6、class
          class一般用來調(diào)用外部css里邊的設(shè)置。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
精品国产亚洲第一区二区三区|
久久免费区一区二区三波多野|
亚洲AV无码一区二区乱子伦|
日韩一区二区免费视频|
另类免费视频一区二区在线观看|
在线观看日韩一区|
中文字幕精品一区二区|
乱精品一区字幕二区|
久久亚洲一区二区|
久久免费精品一区二区|
熟妇人妻一区二区三区四区|
日本一区二区三区精品国产
|
精品一区二区三区免费毛片|
竹菊影视欧美日韩一区二区三区四区五区
|
亚洲AV无码一区二三区|
波多野结衣一区二区免费视频|
无码人妻av一区二区三区蜜臀|
国产一区二区三区韩国女主播|
91精品乱码一区二区三区|
精品一区二区三区在线播放视频|
午夜DV内射一区二区|
亚洲高清美女一区二区三区
|
亚洲无线码在线一区观看
|
国产精品视频一区|
精品国产免费观看一区|
国产一区二区三区福利|
一区免费在线观看|
三上悠亚亚洲一区高清|
丰满爆乳一区二区三区|
无码乱人伦一区二区亚洲|
99精品一区二区免费视频|
亚洲av无码一区二区三区观看|
曰韩人妻无码一区二区三区综合部|
亚洲变态另类一区二区三区|
国产第一区二区三区在线观看|
一区二区三区精品视频|
亚洲AV无码一区二区二三区入口
|
国产一区二区三区在线2021|
无码欧精品亚洲日韩一区|
加勒比无码一区二区三区|
日韩社区一区二区三区|