1. 程式人生 > >表單綜合

表單綜合

文檔 合並 一個 就會 接收 tex ora 單元 select

表單幾個屬性

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=" ">

表單綜合