image 圖片按鈕,用來提交表單,與submit是一樣的效果。
src(圖片路徑)
hidden 隱藏字段。
value(隱藏的內容)
color 顏色標籤。value指定顏色值(採用#十六進制數表示)。
date 日期。value值指定默認的日期,格式為****-**-**(年月日)。
datetime-local 顯示本地時間,value值指定默認的時間,格式為2016-05-20T11:10:10(年月日T時分秒)。
number 數字向上或者向下滑動。可以填數字然後向上或者向下選擇不同的值。
range 滑動標籤。min(指定最小值)、max(指定最大值)、value(指定當前默認值)。
week 每年的週數。value指定哪一年第幾周,格式為2016-W25(2016年第25周)。
文本域標籤。默認表現形式是可以輸入很多行文本的文本框。
name (表單提交項的key)
cols(設置文本域寬度)
rows(設置文本域高度,即行數)
下拉框標籤。使用時要結合
name:表單提交項的key
size:選項個數
multiple:多選
- value(表單提交項的值)
- selected(selected下拉選默認被選中)
把元素與文本結合起來
友好設計:不只是選中複選框才能選中並打鉤,要求點擊對應的文字也能選中該複選框。
這種情況下要用到
對錶單中的相關元素進行分組
value: 表單提交項的值
對於不同的輸入類型,value 屬性的用法也不同:
- type="button", "reset", "submit" - 定義按鈕上的顯示的文本
- type="text", "password", "hidden" - 定義輸入字段的初始值
- type="checkbox", "radio", "image" - 定義與輸入相關聯的值
框架
用來劃分窗體,不能放在
中,否則沒有效果。cols (縱向分割頁面。其數值表示方法有三種:“30%、30(或者30px)、*”;數值的個數代表分成的視窗數目且數值之間用“,”隔開。“30%”表示該框架區域佔全部瀏覽器頁面區域的30%;“30”表示該區域橫向寬度為30像素;“*”表示該區域佔用餘下頁面空間。例如:cols="25%,200,*" 表示將頁面分為三部分,左面部分佔頁面30%,中間橫向寬度為200像素,頁面餘下的作為右面部分。)
rows(橫向分割頁面。屬性和cols一樣)
frameborder(設置是否顯示框架邊框。設定值只有0、1;0 表示不要邊框,1 表示要顯示邊框)
border(框架之間的距離,一般設置為0)
bordercolor(邊框的顏色)
framespacing(設置框架與框架間的保留的空白距離)