Form表單 浮動框架及CSS

2021-09-19 21:06:06 字數 1613 閱讀 5772

form表單

*表單的核心是資料*
value:設定其中的初始文字

size:設定其輸入框的寬度(單位是「字元寬」)——其中能放置該數量的字元

maxlength:設定該輸入框最多能輸入的字元個數

readonly:這是乙個「無值」屬性,表示「唯讀」,則寫法是:readonly=」readonly」

disable: 設定該輸入框「無效」,即資料無效。

value:設定其中的初始文字

size:設定其輸入框的寬度(單位是「字元寬」)——其中能放置該數量的字元

maxlength:設定該輸入框最多能輸入的字元個數

checked: 表示該選項預設是選中的狀態。也是乙個「無值屬性」

name特別說明:一組的單選項要求name值必須相同。

checked: 表示該選項預設是選中的狀態。也是乙個「無值屬性」

option標籤上可以使用selected屬性,表明該select元素的預設選中的項(預設是第一項被選中)。

select標籤上可以使用multiple屬性,使該select元素可以「選擇多項」(即預設只能選乙個)

rows設定的行數是乙個數字,表示該多行文字框可以顯示的文字的行數

cols設定的列數是乙個數字,表示該多行文字框可以顯示的一行文字中個數

此標籤沒有value屬性。但其實際的「值」是放在此標籤中間的所有內容。

注意:表單項都必須有name屬性,以表明其「名字」——伺服器取其中的資料就是憑此名字

浮動框架標籤

首先要明確:

1, 使用框架標籤(frameset)就不能使用body標籤——即body標籤使用frameset標籤代替

2, 使用frameset標籤就要使用framseset文件型別

則具體分割**如下:

。。。。。。。。。。。。。

cols的值是連續的表示列的寬度的數字或百分數,相互之間用(,)分開,其中「 * 」號表示「其餘」的寬度。比如:

cols="100,800" :表示將大視窗按列分割成兩個小視窗,第乙個為100寬,第二個為800寬

cols="100,200,* ":表示將大視窗按列分割成3個小視窗,第乙個為100寬,第二個為200寬,其餘給第3個

cols="15%, 』

rows的值是連續的表示行的寬度的數字或百分數,相互之間用(,)分開,其中「」號表示「其餘」的寬度。比如:

rows=」100,200,*」

rows=」20%, *」

注意:乙個frameset只能按某乙個方向(列或行)進行分割

css標籤

——也可以叫「標籤屬性」

——html屬性通常是「各個標籤的自有屬性,一般不一樣」

——使用相同html屬性的標籤極少

css屬性: 寫在選擇器的大括號中,形式為: 屬性名:屬性值——特別注意,值不可以加引號

——也可以叫「樣式屬性」

——css屬性通常是 「對各個標籤都可用」,一般都一樣

——不使用相同css屬性的標籤極少

選擇器分類

Form表單控制項與浮動

第一點 文字域textarea 語法屬性 name 控制項的名字 cols 指定文字域的列數,變相設定寬度 rows 指定文字域的行數,變相設定高度 readonly 唯讀 placeholder 提示語句 第二點 選項框兩個部分 下拉選項框 滾動列表 語法 建立下拉列表 建立滾動列表 屬性 sel...

form表單及CSS選擇器

獲取前端使用者資料並傳送給後端伺服器 需要在form標籤內部編寫獲取使用者資料標籤 1.屬性action 控制資料的提交位址 方式1 寫全路徑 action 方式2 寫字尾 自動補全ip和port action user.php 方式3 不寫 朝網頁所在的位址提交 action url 統一資源定位...

css 表單 定位 浮動

1.表單美化 表單元素 input select textarea 獲得焦點的偽類 focus 獲得焦點 input focus 滑鼠懸停 input.sub hover 2.定位 定位使用 要和座標結合起來 座標用於控制位置 x,y x 用left或者right y 用top或者bottom 1 ...