表單綜合
表單幾個屬性
cellspacing 設置單元格和單元格邊框之間的空白間距 像素值默認為2
cellpadding 設置單元格內容與單元格邊框之間的空白間距 像素值默認為1
表格標題
表格的標題caption,必須緊跟table標簽之後。一個表格只能有一個標題。
語法:
<table>
<caption>這是一個標題</caption>
</table>
單元格語法 (表頭標簽<th></th>)
<table>
<tr>
<td>.....</td>
<td>.....</td>
<td>.....</td>
</tr>
</table>
合並單元格(難點)
跨行合並:rowspan;
跨列合並:colspan;
合並單元格的思想:多個內容合並的時候就會有多余的東西,將多余的東西刪除。(刪除的個數等於合並的個數-1);
合並的順序:先上先左;
input控件(重點)
</input>標簽為單標簽
屬性 屬性值 描述
text 單行文本輸入框
password 密碼輸入框
radio 單選按鈕
checkbox 復選框
type button 普通按鈕
submit 提交按鈕
reset 重置按鈕
image 圖像形式的提交按鈕
file 文件域
value 由用戶自己定義 input控件中的默認文本值
單選
復選
普通、提交、重置、image
for屬性和label標簽焦點的綁定
textarea控件(文本域)
語法:
<textarea cols="每行中的字符數“ rows=”顯示的行數”>
文本內容
</textarea>
下拉菜單
<select>
<option>選項1</option>
<option>選項2</option>
<option>選項3</option>
.......
</select>
表單域
在HTML中,form標簽用於定義表單域,即創建一個表單,以實現用戶信息收集和傳遞,form中的所有內容都會被提交給服務器。
語法格式如下:
<form action="url地址“method="提交方式”name=“表單名稱”>
各種表單控件
</form>
常用屬性:
1、Action
在表單收集到信息之後,需要將信息傳遞給服務器進行處理,action屬性用於指定接收並處理表單數據的服務器程序的url地址。
2、method
用於設置表單數據的提交方式,其取值為get或post。
3、name
用於指定表單的名稱,以區分同一個頁面中的多個表單。
【每個表單都應該有自己的表單域】
查文檔
w3c school
MDN
三種樣式
1、內聯樣式
語法:
<標簽名 style=“屬性1:屬性值1;”>
2、內部樣式
語法:
<style></style>
3、外部樣式
<link rel="stylesheet" href=" ">
表單綜合