HTML--表格與表單


一、表格

<table></table>表格

  width:寬度。可以用像素或百分比表示。 常用960像素。

  border:邊框,常用值為0。

  cellpadding:內容跟邊框的距離,常用值為0。

  cellspacing:單元格與單元格之間的間距,常用值為0。

  algin:對齊方式。

  bgcolor:背景色。

  background:背景圖片。

 

<tr></tr>行

  align:一行內容的水平對齊方式。

  valign:一行內容的垂直對齊方式。

  height:行高。

  bgcolor:背景色。

  background:背景圖片。

 

<td></td>單元格

<th></th>表頭,單元格的內容自動居中、加粗

  align:單元格內容的對齊方式。

  valign:單元格的內容的垂直對齊方式。

  width:單元格寬度。

  height:單元格高度。

  bgcolor:背景色。

  background:背景圖片。  

  內容必須放在單元格里,單元格必須放在行里,行必須放在表格里。

  設置單元格行高、列高時,會同時影響對應的行或列。

單元格合並:(建議盡量用表格嵌套)

  colspan=“n”  合並同一行的單元格(后面寫代碼要減去相對應的列)

  rowspan=“n”  合並同一列單元格(從第二行開始減去相對應的列)

 

 

 

二、表單

<form id="" name="" method="post/get" action="負責處理的服務端">--輸入系統時,必須有,以后用

id不可重復,name可重復,get提交有長度限制,並且編碼后的內容在地址欄可見,

post提交沒有長度限制,且編碼后內容不可見。

</form>

1.文本輸入(字符占2個空位,字符相當於3個像素)

  文本框<input type="txt" name="" id="" value="" />

  密碼框<input type="password" name="" id="" value="" />

  文本域<textarea name="" id="" cols=""(字符多少) rows=""(幾行高)></textarea>

  隱藏域<input type="hidden" name="" id="" value="" />

 

2.按鈕

  提交按鈕<input type="submit" name="" id="" disabled="disabled" value="" />點擊后轉到form內的提交服務器的地址

  重置按鈕<input type="reset" name="" id="" disabled="disabled" value="" />

  普通按鈕<input type="button" name="" id="" disabled="disabled" value="" />

  圖片按鈕<input type="image" name="" id="" disabled="disabled" src="圖片地址" />

  disabled使按鈕失效

  enable使按鈕可用

 

3.選擇輸入

  單選按鈕組<input type="redio" name="" checked="checked" value="" />

  name的值用來分組,value的值看不見,提交給程序用的,checked設置默認選項。

  復選框組<input type="checkbox" name="" checked="checked" value="" />

  文件上傳<input type="file" name="" id="" />

  <lable for=""></lable>

 

  lable標簽為input元素定義標注。

  lable元素不會向用戶呈現任何特殊效果,不過,他為鼠標用戶改進了可用性。如果您在lable元素內點擊文本,就會觸發此控件。

  就是說,當用戶選擇該標簽時,瀏覽器會 將焦點轉到和標簽相關的表單控件上。

  lable標簽的for屬性應當與相關元素的id屬性相同。

 

4.下拉列表框

  <select name="" id="" size="" multiple="multiple">

  --size為1時,為菜單;>1時,為列表。multiple為多選。

    <option value="值">內容1</option>

    <option value="值" selected="selected">內容2</option>

    --selected,設為默認

    <option value="值">內容3</option>

  </select>

5.標簽

         <label></label>

字段集 (一堆label)

                  <fieldset></fieldset>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM