表單 框架組及CCS 20140916

標籤：style   io   os   ar   for   檔案   2014   sp   cti   

一、表單元素

form標籤：

<form id="" name="" method="post/get" action="提交給誰來處理">

</form>

post--將內容放入報文頭中，內容看不見；內容長度沒有限制；預設提交方式.

get--用地址欄提交，內容長度有限.

1.文本輸入類
1）文字框<input type="text" value="">--
2）密碼框<input type="password" value="">--設定密碼
3）隱藏欄位<input type="hidden" value=""> --可用於檢查答案是否正確.
4）文本域：多行<textarea cols="" rows=""></textarea>
2.按鈕類
1）提交按鈕<input type="submit" value="按鈕上的文字"/>
2）重設按鈕<input type="reset" value="按鈕上的文字"/>
3）普通按鈕<input type="button" value="按鈕上的文字">
4）圖片按鈕<input type="image" src="圖片地址">
3.選擇輸入類
1）選項按鈕<input type="radio" value="" name="用來分組" checked="checked">
2）多選按鈕<input type="checkbox" value="" name="分組" checked="checked">
3）下拉式清單--菜單

<select name="" id="" multiple="multiple">
<option value="項的值">項的顯示內容</option>
<option value="項的值" selected="selected">項的顯示內容</option>
<option value="項的值">項的顯示內容</option>
</select>

4）列表

<select name="" id="" size="n" multiple="multiple">
<option value="項的值">項的顯示內容</option>
<option value="項的值" selected="selected">項的顯示內容</option>
<option value="項的值">項的顯示內容</option>
</select>

PS:菜單與列表的區別在於菜單的size--高度 預設為1，不可改變；而列表可以根據內容顯示而改變size--高度的大小.
檔案上傳：<input type="file" name="" id=""> --檔案域，瀏覽.

二、框架組
1.frameset,frame

1）如何橫向/縱向分割視窗：

frameset中的rows="100,*",cols=""

2）如何分割複雜的視窗：

frameset的嵌套

3）如何禁用窗可調的功能

frame的noresize="noresize"

4）如何隱藏分割視窗的邊框

frameset的frameborder="no"

5）如何在超連結指定目標頁面顯示在哪個架構視窗中

第一步：給要顯示內容的目標frame設定name屬性

第二步：給超連結的target屬性賦值成第一步設定name屬性

6）如何讓整個frameset頁面跳轉到某個頁面：

把超連結的target屬性設成"_top"

7）如何不讓frame中出現捲軸：

把frame的scrolling屬性設為no

2.iframe
在原來的HTML頁面上，嵌入一個小視窗，用來顯示其它頁面的資訊。
<iframe frameborder="0" scrolling="no" src="Untitled-2.html" width="450" height="300">

三、CSS（Cascading Style Sheets）層疊樣式表

1.作用：美化HTML網頁的電腦語言.

2.分類：

1）內聯樣式表

2）內嵌樣式表

3）外部樣式表

表單 框架組及CCS 20140916