HTML表格和HTML表单
HTML 表格
表格由 <table> 標簽來定義 每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義） 字母 td 指表格數據（table data），即數據單元格的內容。 數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。（1）表單標記
<table>...</table>標記表示表格
width屬性用來設置表格的寬度
border屬性用來設置表格的邊框
align屬性用來設置表格的對齊方式
bgcolor屬性用來設置表格的背景
（2）標題標記
標題標記以<caption>開頭，以</caption>結束，標題標記也有一些屬性，比如 align,valign（3）表頭標記
以<th>開始，以</th>結束（4）表格行標記
表格行標記以<tr>開頭，</tr>結束，一組<tr>標記表示表格中的一行。<tr>標簽要嵌套在<table>標簽中使用（5）列標記
<td> 開始,</td>結束。一個<tr>標記可以嵌套若干個<td>標記。該標記也具有align，background，valign等屬性舉例：
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>標題標記</title> </head><body> <table width="318" height="167" border="1" align="center"><caption>學生考試成績單</caption><tr> <td width="center" valign="middle"> 姓名</td> <td width="center" valign="middle">語文</td> <td width="center" valign="middle">數學</td> <td width="center" valign="middle">英語</td> </tr> </body></html>HTML表單
表單是一個包含表單元素的區域
表單元素是允許用戶在表單中輸入內容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。
（1）action屬性
該屬性用來指定處理表單數據程序的URL地址。
（2）method 屬性
該屬性用來指定數據傳送到服務器的方式。它有兩種屬性值，分別是get與post。get屬性值表示將輸入的數據追加在action指定的地址后面，并傳送到服務器。當屬性值為post時，會將輸入的數據
（3）name屬性
該屬性指定表單的名稱，其值程序員可以自定義。
（4）OnSubmit屬性
該屬性用于指定當用戶單擊提交按鈕時觸發事件。
（5）target屬性
該屬性指定輸入數據結果顯示在哪個窗口中，其屬性值可以設置為_blank，_self, _parent,_top。
(1)_blank表示在新窗口中打開目標文件
(2)_self表示同一個窗口中打開(該項一般不用設置)
(3)_parent表示在上一級窗口打開,一般使用框架頁時經常使用。
(4)_top 表示在瀏覽器的整個窗口中打開，忽略任何框架。
HTML 表單 - 輸入元素
多數情況下被用到的表單標簽是輸入標簽,< input>。
輸入類型是由類型屬性（type）定義的。大多數經常被用到的輸入類型如下：
文本域（Text Fields）
文本域通過 標簽來設定，當用戶要在表單中鍵入字母、數字等內容時，就會用到文本域。
瀏覽器顯示如下：
注意:表單本身并不可見。同時，在大多數瀏覽器中，文本域的默認寬度是 20 個字符。
注意：
Type屬性是< input>標記中非常重要的內容，決定了輸入數據的類型。
<select>...</select>下拉列表框標記
使用<option>標記向列表中添加內容。<select>標記的語法格式如下：
多行文本標記
標簽定義多行的文本輸入控件
文本區中可容納無限數量的文本，其中的文本的默認字體是等寬字體。通常情況下，標記出在標記的標記內容中。
Wrap屬性可選值
Hard 默認值，表示自動換行
Soft 自動換行
Off 不自動換行
舉例：
<body> <form name="form1" method="post" action=""><textarea name="content" cols="30" rows="5" wrap="hard">默認值 </textarea> </body>總結
以上是生活随笔為你收集整理的HTML表格和HTML表单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 侍候读音（侍候）
- 下一篇： js怎么制作html的主题,用HTML和