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 国产免费一级精品视频,一二三四社区在线播放,91高清在线成人免费观看 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML表格制作
          
        
           
          
	
	
          
		
                        
          .表格的制作
          1、表格元素–<table>
          表格中的行–<tr>
          表格中的列–<td>
          表格中的表頭–【居中/加粗】
          table標(biāo)記的邊框–border
          table標(biāo)記的寬度–width
          table標(biāo)記的高度–height
          table標(biāo)記的水平對(duì)齊方式–align
          table標(biāo)記的表格背景色–bgcolor
          table標(biāo)記的表格邊框色–bordercolor
          table標(biāo)記的表格中的內(nèi)容與邊框之間的距離–cellpadding
          table標(biāo)記的表格中的邊框與邊框之間的距離–cellspacing【默認(rèn)是1px】
          tr標(biāo)記的align屬性–設(shè)置當(dāng)前行的水平對(duì)齊方式
          tr標(biāo)記的bgcolor屬性–設(shè)置當(dāng)前行的背景色
          tr標(biāo)記的valign屬性–設(shè)置當(dāng)前行的垂直對(duì)齊方式【top/middle/bottom】
          td標(biāo)記的align屬性–設(shè)置當(dāng)前列的水平對(duì)齊方式
          td標(biāo)記的bgcolor屬性–設(shè)置當(dāng)前列的背景色
          td標(biāo)記的valign屬性–設(shè)置當(dāng)前列的垂直對(duì)齊方式【top/middle/bottom】
          合并單元格
          水平方向合并單元格–跨列—colspan
          • 垂直方向合并單元格–跨行—rowspan
          • 刪除多余的單元格*
          以下是計(jì)算器的控制面板代碼
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>計(jì)算器的控制面板</title>
          </head>
          <body>
          <table border="1" cellspacing="10px" cellpadding="20px"
           align="center" bgcolor="aliceblue">
          <tr><td colspan="5" height="40px" align="right"><font size="7"><b>0</b></font></td></tr>
          <tr align="center">
          <td>MC</td>
          <td>MR</td>
          <td>MS</td>
          <td>M+</td>
          <td>M-</td>
          </tr>
          <tr align="center">
          <td>&lt;-</td>
          <td>CE</td>
          <td>C</td>
          <td>+/-</td>
          <td>√</td>
          </tr>
          <tr align="center">
          <td>7</td>
          <td>8</td>
          <td>9</td>
          <td>/</td>
          <td>%</td>
          </tr>
          <tr align="center">
          <td>4</td>
          <td>5</td>
          <td>6</td>
          <td>*</td>
          <td>1/x</td>
          </tr>
          <tr align="center">
          <td>1</td>
          <td>2</td>
          <td>3</td>
          <td>-</td>
          <td rowspan="2" bgcolor="yellow">=
          </td>
          </tr>
          <tr align="center">
          <td colspan="2">0</td>
          <td>.</td>
          <td>+</td>
          </tr>
          </table>
          </body>
          </html>
          看成品:
          2. 列表元素
          2.1 有序列表
          ol—有序列表
          li—列表中的每一項(xiàng)【條目】
          默認(rèn)的標(biāo)志是有順序的數(shù)字
          我們可以通過(guò)ol的type屬性來(lái)修改標(biāo)志
          1–有順序的數(shù)字
          a–有順序的小寫字母
          A–有順序的大寫字母
          i–有順序的小寫羅馬數(shù)字
          I–有順序的大寫羅馬數(shù)字
          start屬性設(shè)置書順序的開(kāi)始值
          2.2 無(wú)序列表
          ul—無(wú)序列表
          li—列表中的每一項(xiàng)【條目】
          默認(rèn)的標(biāo)志是實(shí)心點(diǎn)
          我們可以通過(guò)ul的type屬性來(lái)修改標(biāo)志
          circle–圓形【。】
          disc----實(shí)心點(diǎn)[默認(rèn)]
          square–正方形
          none–沒(méi)有標(biāo)志
          2.3 自定義列表
          dl—自定義列表
          dt—自定義列表的頭
          dd—子項(xiàng)目 
          以下是有序，無(wú)序，和自定義列表
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>列表</title>
          </head>
          <body>
           <ul type="none">
           <li>無(wú)序列表</li>
          <li>無(wú)序列表</li>
          <li>無(wú)序列表</li>
           </ul>
           <ol type="A">
           <li>有序列表</li>
          <li>有序列表</li>
          <li>有序列表</li>
           </ol>
           <dl>
           <dt>自定義列表</dt>
           <dt>自定義列表</dt>
           <dt>自定義列表</dt>
           </dl>
          </body>
          </html> 
          3. 表單<form>
          主要負(fù)責(zé)采集信息的，可以將采集的信息提交。
          form的屬性
          action—指定表單數(shù)據(jù)的后端處理程序
          method----指定表單數(shù)據(jù)的提交方式【get[默認(rèn)]/post】
          get提交數(shù)據(jù)會(huì)將被處理的數(shù)據(jù)跟隨在請(qǐng)求地址之后
          被提交的數(shù)據(jù)255個(gè)字符
          https://www.baidu.com/s?&wd=html
          post提交數(shù)據(jù)會(huì)將被處理的數(shù)據(jù)封裝到http協(xié)議的頭
          https://www.baidu.com/s
          被提交的數(shù)據(jù)沒(méi)有限制
          通常情況下提交文件只能用post
          enctype屬性規(guī)定在將表單數(shù)據(jù)發(fā)送到服務(wù)器之前如何對(duì)其進(jìn)行編碼。
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title></title>
          </head>
          <body>
          <table border="1" align="center" cellpadding="20px" cellspacing="0">
          <tr>
          <td>application/x-www-form-urlencoded</td>
          <td>在發(fā)送前對(duì)所有字符進(jìn)行編碼（默認(rèn)）。</td>
          </tr>
          <tr>
          <td>multipart/form-data</td>
          <td>不對(duì)字符編碼。當(dāng)使用有文件上傳控件的表單時(shí)，該值是必需的。
          </td>
          </tr>
          <tr>
          <td>text/plain</td>
          <td>將空格轉(zhuǎn)換為 "+" 符號(hào)，但不編碼特殊字符。</td>
          </tr>
          </table>
          </body>
          </html>
          表單元素
          input 文本框/密碼框/單選按鈕/復(fù)選框…
          seletc 下拉列表
          textarea 文本域—富文本編輯器
          .槪念
          用來(lái)收集用戶輸入的信息，定義采集數(shù)據(jù)的范圍，并且完成與用戶的基本交互的作用。
          表單就是輸入框、單選框、復(fù)選框、按鈕、選項(xiàng)菜單等網(wǎng)頁(yè)元素，也稱表單元素。
          2.語(yǔ)法
          form標(biāo)簽，所有表單元素都要放在form標(biāo)簽中。
          <form action = "#" method = "get">xx</form>   <!-- # 是沒(méi)有數(shù)據(jù)時(shí)的占位--> 
          from標(biāo)簽屬性：
          ① action：設(shè)置發(fā)送數(shù)據(jù)的位置；
          ② method：用什么方式發(fā)送數(shù)據(jù)。
           屬性值分為get和post：get，發(fā)送數(shù)據(jù)時(shí)直接顯示在url欄中，發(fā) 
           送數(shù)據(jù)量小，且不安全；post，直接通過(guò)服務(wù)器發(fā)送數(shù)據(jù)，用戶看不到過(guò)
          程，且數(shù)據(jù)量較大。
          3.表單元素
          一般使用 input標(biāo)簽：
          <form action = "#" method>
 			<input type  = "text" name = "age"/>
  </form>
          input標(biāo)簽屬性：
           type屬性：設(shè)置當(dāng)前輸入框的不同形態(tài)。值分別為：
           password 密碼框，text輸入文字、字母、數(shù)字等
           submit 提交按鈕，reset 重置按鈕
           button 普通按鈕，checkbox 表單復(fù)選框
           radio表單單選框。
           name 屬性：給當(dāng)前的表單元素?cái)?shù)據(jù)起個(gè)名字，不能是中文和特殊符號(hào)。 （除了按鈕標(biāo)簽外需要輸入數(shù)據(jù)的都要加name屬性）
           value 屬性：當(dāng)前表單元素的默認(rèn)值，在按鈕標(biāo)簽中會(huì)顯示在按鈕上，在選項(xiàng)框里必須有，否則后端看到為on。
           例如，<input type = "radio" name = "sex" value = "男"/>，傳遞給后端數(shù)據(jù)為sex=男，如果不寫value，則顯示sex=on。
           placeholder屬性：輸入框的提示信息。
            maxlength屬性：設(shè)置輸入text和password輸入框的最大字符數(shù)。
           size屬性：當(dāng)type = "text"或"password"時(shí)，設(shè)置元素的寬度。
           checked屬性：當(dāng)type為radio或checkbox時(shí)，設(shè)置單選框或復(fù)選框的默認(rèn)選中項(xiàng)。
          4.擴(kuò)展表單元素
          如圖，select 標(biāo)簽表示聲明下拉列表；option 標(biāo)簽用于聲明列表項(xiàng)；selected 改變下拉列表默認(rèn)選中項(xiàng)。
          多文本域（textarea）：
          多數(shù)PHP程序都使用HTML表單從用戶那里獲取數(shù)據(jù)并計(jì)算結(jié)果。
          HTML表單的一些基本原則
          • 選擇適合于收集的數(shù)據(jù)類型和提供交互方式的控件。
          • 清楚標(biāo)記每一個(gè)控件，這樣用戶就可以理解其功能。
          • 盡可能將標(biāo)簽對(duì)齊。將控件的左邊緣對(duì)齊。
          • 將相關(guān)的標(biāo)簽分組，并且通過(guò)設(shè)計(jì)中使用空白將每一個(gè)分組分開(kāi)。
          • 表單上的控件順序應(yīng)該類似于用戶操作他們的順序。
          創(chuàng)建基本HTML表單
          首先創(chuàng)造一個(gè)基本的HTML大綱，包含表單控件；然后將控件進(jìn)行合并（HTML表單必須包括一個(gè)提交按鈕，用戶單擊它可以將表單數(shù)據(jù)發(fā)送到服務(wù)器。）一個(gè)單獨(dú)的HTML頁(yè)面可以包含多個(gè)表單。
          • 創(chuàng)建HTML結(jié)構(gòu)
          包含表單的HTML結(jié)構(gòu)和和普通的HTML結(jié)構(gòu)一樣。
          <HTML>
  <HEAD>
  <TITLE>標(biāo)題放在這</TITLE>
  </HEAD>
<BODY>
  表單頁(yè)面放在這
  </BODY>
  </HTML>
          在包含表單的HTML頁(yè)面中可以使用任何HTML標(biāo)簽。基本的表單使用FROM標(biāo)簽來(lái)說(shuō)明。該標(biāo)簽中METHOD屬性接收GET或POST兩個(gè)值中的一個(gè)。ACTION屬性子明PHP腳本的url，該腳本可以收集通過(guò)表單收集的數(shù)據(jù)，可以是絕對(duì)路徑或者相對(duì)路徑。
          <FORM METHOD="method" ACTION="url"> 
  中間可以放置表單控件
  </FORM>
          • 合并控件
          兩個(gè)常用的基本控件：文本框和提交按鈕。
          文本框：允許用戶鍵入信息以發(fā)送給PHP腳本。NAME屬性為文本提供名稱，PHP腳本可以通過(guò)名稱準(zhǔn)確訪問(wèn)其內(nèi)容，因此它應(yīng)該是唯一的且符合PHP變量命名規(guī)則（但不需要$符號(hào)），單標(biāo)簽。VALUE屬性指明出現(xiàn)在提交按鈕上面的標(biāo)題。創(chuàng)建方式如下：
          <INPUT TYPE = "TEXT" NAME="text">
          提交按鈕：允許用戶將一個(gè)表單的內(nèi)容發(fā)送到服務(wù)器，一個(gè)HTML表單對(duì)應(yīng)應(yīng)該有一個(gè)提交按鈕。
          示例：一個(gè)完整的HTML表單。
          <HTML>
  <HEAD>
  <TITLE>標(biāo)題</TITLE>
  </HEAD>
<BODY>
<FORM METHOD="POST" ACTION="phpinfo.php">
<INPUT TYPE="TEXT" NAME="user_name">
<BR/>
<BR/>
<INPUT TYPE="TEXT" NAME="user_email">
<BR/>
<BR/>
<INPUT TYPE="SUBMIT" VALUE="Send the Data">
</FORM>
  </BODY>
  </HTML>

          • 使用多個(gè)表單
          可以在一個(gè)HTML頁(yè)面中包含多個(gè)表單，注意下一個(gè)表單的FORM開(kāi)始之前需要結(jié)束前一個(gè)FORM表單。
          <HTML>
  <HEAD>
  <TITLE>標(biāo)題</TITLE>
  </HEAD>
<BODY>
  
<FORM METHOD="POST" ACTION="phpinfo.php">
<INPUT TYPE="TEXT" NAME="user_name">
<BR/>
<BR/>
<INPUT TYPE="TEXT" NAME="user_email">
<BR/>
<BR/>
<INPUT TYPE="SUBMIT" VALUE="Send the Data">
<BR/>
<BR/>
</FORM>

<FORM METHOD="POST" NAME="phpinfo.php">
<INPUT TYPE="TEXT" NAME="user_name1">
<BR/>
<BR/>
<INPUT TYPE="TEXT" NAME="user_email1">
<BR/>
<BR/>
<INPUT TYPE="SUBMIT" VALUE="Send the Data1">
</FORM>

  </BODY>
  </HTML>

          創(chuàng)建表單控件
          • 創(chuàng)建自定義的文本框
          文本框的屬性中，TYPE和NAME是必須的，其余是可選屬性。SIZE屬性用于設(shè)置文本框的可視大小；MAXLENGTH指明用戶鍵入字符的最大長(zhǎng)度；VALUE給出了一個(gè)最初顯示在文本框中的值。
          <input type="text" name="" size="" maxlength="" value="">
          • 創(chuàng)建文本區(qū)域
          文本區(qū)域可以輸入多行文本。NAME和ROWS屬性是必須的。ROWS屬性表明了文本區(qū)域內(nèi)可以看到的文本行數(shù)，充滿時(shí)會(huì)滾動(dòng)。COLS屬性指明可見(jiàn)文本列數(shù)與行數(shù)類似。WRAP屬性指明文本區(qū)域內(nèi)單詞換行的方式，可以指定如下值。該標(biāo)簽為雙標(biāo)簽。
          值
          說(shuō)明
          off
          禁止單詞換行但用戶可以輸入換行符強(qiáng)制換行
          virtual/soft
          各行顯示為換行，但是換行并沒(méi)有被發(fā)送到服務(wù)器
          physica/hard
          啟用了單詞換行
          <inputarea name="" rows="" cols="" wrap="">
          • 創(chuàng)建密碼框
          創(chuàng)建密碼框的語(yǔ)法與文本框相同，但要將TYPE屬性指定為PASSWORD而不是TYPE。
          <input type="password" name="" size="" maxlength="" value="">
          • 創(chuàng)建復(fù)選框
          取兩個(gè)值中的一個(gè)，即二選一。TYPE屬性是必須的，checked屬性出現(xiàn)，該復(fù)選框默認(rèn)情況會(huì)被選定。value屬性指定復(fù)選框被選定情況下被發(fā)送到服務(wù)器的值，默認(rèn)發(fā)送on值。法如下：
          <input type="checkbox" name="" checked value="">
          • 創(chuàng)建單選按鈕
          語(yǔ)法與復(fù)選框?qū)傩院x相同，但是TYPE屬性的值必須是RADIO，NAME屬性是必須的。
          <input type="radio" name="" checked value="">
          • 創(chuàng)建列表框
          用戶可以選擇一個(gè)或者多個(gè)選項(xiàng)，它是一個(gè)滾動(dòng)菜單。
          <select name="" multipile size="">options go here</select>
          name屬性是必須的，multipile屬性指明用戶可以通過(guò)按下crtl鍵并單擊多個(gè)選項(xiàng)來(lái)選擇它們
          列表框的單選行為可作為單選按鈕。
          <option selected value="text"></options>
          • 創(chuàng)建隱藏域
          <input type="hidden" name="text"value="">
          • 實(shí)現(xiàn)上傳文件的HTML表單
          <input type="FILE" name="name" accept="time" value="text">
          其中type屬性是必須的。格式通過(guò)使用MIME碼指定。常用的格式如下：
          超文本標(biāo)記語(yǔ)言文本 .html,.html text/html
          　　普通文本 ：txt text/plain
          　　word文檔：application/msword
          　　RTF文本 ：rtf application/rtf
          　　GIF圖形 ：gif image/gif
          　　JPEG圖形 ：jpeg,
          　　jpg： image/jpeg
          　　au聲音文件：au audio/basic
          　　MIDI音樂(lè)文件 ：mid,.midi audio/midi,audio/x-midi
          　　RealAudio音樂(lè)文件 .ra, .ram audio/x-pn-realaudio
          　　MPEG文件 .mpg,.mpeg video/mpeg
          　　AVI文件 .avi video/x-msvideo
          　　GZIP文件 .gz application/x-gzip
          　　壓縮文件.rar application/octet-stream
          　　壓縮文件.zip application/x-zip-compressed
          　　TAR文件 .tar application/x-tar
          更多提交表單的信息
          • 使用圖像提交數(shù)據(jù)
          <input type="image" src="url" name="text" align="align">
          • 創(chuàng)建重置按鈕
          <input type="reset" value="text">
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲一区AV无码少妇电影☆|
一区二区三区视频观看|
国产在线一区二区三区在线|
国产福利精品一区二区|
国产一区二区三区日韩精品|
无码国产精品一区二区免费|
国产激情无码一区二区|
国产一区二区精品尤物|
精品国产一区二区三区久|
老熟妇仑乱一区二区视頻|
国产激情视频一区二区三区|
国产免费一区二区视频|
中文字幕一区二区三区精华液|
欧美日韩一区二区成人午夜电影|
久久无码人妻精品一区二区三区|
女同一区二区在线观看|
亚洲变态另类一区二区三区
|
国产精品高清一区二区人妖|
精品国产不卡一区二区三区|
精品视频午夜一区二区|
视频在线一区二区三区|
亚洲国产一区视频|
亚洲国产成人久久一区久久|
一区二区三区免费高清视频|
国产激情精品一区二区三区
|
无码8090精品久久一区|
极品少妇伦理一区二区|
日韩精品无码Av一区二区|
精品久久久久一区二区三区|
日韩人妻无码一区二区三区|
亚洲一区二区三区自拍公司|
一区二区中文字幕|
国产福利91精品一区二区三区
|
国产伦精品一区二区三区不卡|
精品无码日韩一区二区三区不卡|
无码人妻视频一区二区三区
|
色多多免费视频观看区一区|
V一区无码内射国产|
国产熟女一区二区三区四区五区|
成人乱码一区二区三区av|
色窝窝无码一区二区三区色欲|