一 HTML框架

1.1 什麽是框架

框架將瀏覽器劃分成不同的部分，每一部分加載不同的頁面，實現在同一瀏覽器窗口中中加載多個頁面的效果

1.2 <frameset>劃分框架標記

1.2.1 語法格式

<frameset>....</frameset>

1.2.2 屬性

1.2.2.1 cols

使用“像素數”和%分割左右窗口，“*”表示剩余部分

如果使用“*”，“*”表示框架平均分成2個

如果使用“*”，“*”，“*”表示框架分成3個

1.2.2.2 rows

使用“像素數”和%分割上下窗口，“*”表示剩余部分

1.2.2.3 frameborder

指定是否顯示邊框。0不顯示，1顯示

1.2.2.4 border

設置邊框的大小，默認值5像素

1.3 <frame>子窗口標記

1.3.1 什麽是<frame>

<frame>標記是一個單標記，該標記必須放在<frameset>中使用

1.3.2 <frame>的用法

在<frame>中設置了幾個窗口，就必須對應使用幾個<frame>框架，而且還必須使用src屬性指定一個網頁

1.3.3 屬性

1.3.3.1 src 加載網頁文件的URL地址

1.3.3.2 name 框架名稱，是鏈接標記的target所要參數

1.3.3.3 noresize 表示不能調整框架大小，沒有設置時就可以調整

1.3.3.4 scrolling 是否需要滾動條

值

auto 根據需要自動出現

yes 有

no 無

1.3.3.5 frameborder 是否需要邊框

值

1.（1） 顯示邊框

2.（0） 不顯示邊框

二 表單設計

2.1 表單標記 <form>...</form>

2.1.1 什麽是<form>

<form></form>定義表單的開始位置和結束位置，表單提交時的內容就是<form>表單中的內容

2.1.2 基本格式

<form acrion="服務器端地址(接收表單內容的地址)" name="表單名稱" method="posrlget">...</form>

2.1.3 常用屬性

2.1.3.1 name 表單名稱

2.1.3.2 method 傳送數據的方式，分為post和get兩種方式

get get方式提交時，會將表單的內容附加在URL地址的後面，所以限制了提交的內容的長度，不超過8192個字符，且不具備保密性

post post方式提交時，將表單中的數據一並包含在表單主體中，一起傳送到服務器中處理，沒有數據大小限制

2.1.3.3 acrion 表單數據的處理程序的URL地址，如果為空則使用當前文檔的URL地址，如果表單中不需要使用action屬性也要指定其屬性為"no"

2.1.3.4 enctype 設置表單的資料的編碼方式

2.1.3.5 targer 和超鏈接的屬於類似，用來指定目標窗口

2.2 文本域和密碼 <input>標記

2.2.1 <input>標記沒有結束標記

2.2.2 基本語法

<input type="" name="" value="" size="" maxlength="">

2.2.3 屬性介紹

2.2.3.1 type屬性 type屬性有兩個值

text 當type="type"時，<input>表示一個文本輸入域

password 當type="password"時，<input>表示一個密碼輸入域

2.2.3.2 name屬性 定義控件的名稱

2.2.3.3 value屬性 初始化值，打開瀏覽器時，文本框中的內容

2.2.3.4 size屬性 設置控件的長度

2.2.3.5 maxlength屬性 輸入框中最大允許輸入的字符數

2.3 提交、重置和普通按鈕

2.3.1 提交按鈕

當<input type="submit">時，為提交按鈕

2.3.2 重置按鈕

當<input type="reset">時，為重置按鈕

2.3.3 普通按鈕

當<input type="button">時，為普通按鈕

2.4 單選框和復選框

2.4.1 單選框

當<input type="radio">時，為單選框

2.4.2 復選框

當<input type="checkbox">時，為復選框

2.4.3 註意

單選框和復選框都可以使用"cheked"屬性來設置默認選中項

2.5 隱藏域

當<input type="hidden">時，為隱藏表單域

2.6 多文本文域

2.6.1 用法

使用<textarea>標記可以實現一個，能夠輸入多行文本的區域

2.6.2 語法格式

<textarea name="name" rows="value" cols="value" value="value">... ...<textarea>

2.6.3 rows屬性和cols屬性分別用來指定，顯示的行數和列數，單位是字符個數

2.7 菜單下拉列表域 <select>標記

2.7.1 語法格式

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

<option value="value" selected>選項1</option>

<option value="value">選項2</option>

<option value="value">選項3</option>

... ...

</select>

2.7.2 屬性

2.7.2.1 multiple屬性 multiple屬性不用賦值，其作用是，表示用可以多選的下來列表，如果沒有這個屬性就只能單選

2.7.2.2 size屬性 設置列表的高度

2.7.2.3 name屬性 定義這個列表的名稱

2.7.3 option標記

2.7.3.1 <option>標記用來指定列表中的一個選項，需要放在<select></select>之間

2.7.3.2 值

value 給選項賦值，指定傳送到服務器上面的值

selected 指定默認的選項

HTML標記語言4