(1)表單元素:
表單不是表格? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ——表單的核心是數據。
? 表單標簽的構成和形式:<form name="form1" acton="將本表單中的數據提交給的對象(是一個php文件名而已)”method="post">
第一個表單項
第二個表單項
</form>
表單項;
單行文本框:<input type="text" name="n1"/>
其他屬性;
value:設定其中的初始文字
size:設置其輸入框的寬度(單位是“字符寬”)——其中能放置該數量的字符
maxlength:設置該輸入框最多能輸入的字符個數
readonly:這是一個“無值”屬性,表示“只讀”,則寫法是:readonly=”readonly”
disable:設置該輸入框“無效”,即數據無效。
密碼框:<input type="password" name="n2"/>? ? ? ? ? ? ?
其他屬性:
value:設定其中的初始文字
size:設置其輸入框的寬度(單位是“字符寬”)——其中能放置該數量的字符
maxlength:設置該輸入礦最多能輸入的字符
還有還有一些其他屬性?
單選項:
說明:單選項通常必須有value值;
checked:表示該選項默認是選中的狀態。也是一個“無值屬性”
name特別說明:一組的單選項要求name值必須相同。
多選項:
說明:多選項通常必須有value值;
其他屬性:
checked:表示該選項默認是選中的狀態。也是一個“無值屬性”
提交按鈕:
說明:點擊提交按鈕,則表單就會“被提交”,即數據會傳入到表單的action所設定的文件中去。
圖片按鈕:
說明:圖片按鈕的功能其實也是“提交”,但其顯示出來的效果是一張圖片——這樣有利于美化頁面。
重置按鈕:
說明:會將表單的所有用戶填寫或選擇的數據恢復到初始狀態
普通按鈕:
說明:對表單沒有影響,但可以從中產生“動作”以實現其他要求(js程序)
文件域:
說明:可以讓用戶選擇本地的文件(并發送到服務器)——文件也是數據。
隱藏域:
說明:界面上不可見,但是作為一份“隱藏的數據”提交給服務器——編程所需。
下拉選擇:使用select和option標簽配合實現。但要把此當作“一個表單項”
多行文本框:
說明:
rows設定的行數是一個數字,表示該多行文本框可以顯示的文字的行數
cols設定的列數是一個數字,表示該多行文本框可以顯示的一行文字中個數
此標簽沒有value屬性。但其實際的“值”是放在此標簽中間的所有內容。
注意:表單項都必須有name屬性,以表明其“名字”——服務器取其中的數據就是憑此名字。
將文字和選項綁為一體<lable>.............................</lable>
框架標簽:
1,使用框架標簽(frameset)就不能使用body標簽——即body標簽使用frameset標簽代替
2,使用frameset標簽就要使用framseset文檔類型
具體分割代碼如下:
<feament cols="將當前窗口按列分割的設置"rows"=將當前窗口按行分割的設置">
<feament src="網頁1路經url”name=”名字"
noresize=”noresize”(不能改變大小)? ? ? ? ? ? ? ? ? ? ? ? ? ? Scrolling=”Auto(在需要時有滾動條)/Yes(始終有滾動條)/No(不為框架提供滾動條)”/>
<frame? src=”網頁2路經url”name=”名字”/>
</frament>
cols的值是連續的表示列的寬度的數字或百分數,相互之間用(,)分開,其中“*”號表示“其余”的寬度。
cols=”100,800”:表示將大窗口按列分割成兩個小窗口,第一個為100寬,第二個為800寬
rows的值是連續的表示行的寬度的數字或百分數,相互之間用(,)分開,其中“*”號表示“其余”的寬度
rows=”100,200,*”
一個frament只能按某一個方向進行分割。
CSS:
CSS:Cascading? Style Sheet(層疊樣式表)
CSS能夠讓我們將網頁從以下兩個方面來控制網頁的外觀:
1,批量控制網頁的外觀,使我們節省勞力。
2,精確控制網頁的外觀:到像素級別。
css的基本語法形式:
選擇器{ css屬性名1:值1;css屬性名2:值2;…………}
例子:
font{color:red;font-weight:bold;font-size:18px;}
dt{
font-size:14px;
font-weight:bold;
color:pink;
}
區分兩個屬性的說法:
html屬性:
————也可以叫做“標簽屬性”
————css屬性通常是“各個標簽的自由屬性,一般不一樣”
————很少使用html屬性的標簽
css屬性;
;