1. 標籤
標籤用於蒐集使用者資訊。
1.1 type屬性
根據不同的 type 屬性值,輸入字段擁有很多種形式。可以是文字字段、核取方塊、掩碼後的文字控制項、單選按鈕、按鈕等等。
text:文字區域
readonly屬性:是否唯讀。
password:密碼區域,輸入的文字以'*'展示
checkbox:核取方塊
checked屬性:是否選中;
radio:單選框;
name屬性:指定多個單選框的在乙個區域裡進行單選操作
reset:重置當前表單裡所有標籤到初始化狀態(如清除文字區域內容)
submit:提交當前表單資訊到指定頁面
button:普通按鈕
value屬性:button按鈕顯示的文字
file:檔案選擇標籤
hide:隱藏區域,可以把一些不展示給使用者,而自己使用的資訊存放於此
image:區域
src屬性:指定存放的路徑;
title屬性:滑鼠移到圖上顯示的文字;
alt:載入失敗或關閉時,顯示的文字;
1.2 示例
2. 標籤
可建立單選或多選選單,類似於winform的combox或listbox。
2.1 屬性
1) size :設定下拉列表尺寸。預設的為combox樣式;大於1時,就是listbox樣式。
2) multiple :是否多項選擇。若為多選,按住ctrl+左鍵可進行多選操作。
3) item子項:
① 標籤:定義選擇項的類別,不能被選中。
label 屬性:類別展示的名稱
title 屬性:滑鼠移到選擇項上去,要展示的資訊
② 標籤:定義可選的專案
vlaue 屬性:選擇項具體的名稱
title 屬性:滑鼠移到選擇項上去,要展示的資訊
2.2 示例
北京上海
浙江福建
3. 標籤
多行文字區域,可以通過 cols 和 rows 屬性來設定 textarea 的尺寸。
3.1 屬性
rows :表示顯示的行數。
cols :表示顯示的列數。
readonly :是否唯讀。
3.2 示例
4. 標籤
相當於乙個展示文字框。
4.1 屬性
for :關聯對應的控制項id;當點選此label標籤時,繫結id的控制項會獲取焦點;
姓名:密碼:
5. 標籤
類似於winform中的groupbox控制項。
5.1 item子項
:表示抬頭的名稱。性別男
女5.2 示例
6. ul、ol、li 列表標籤
6.1 介紹
ul :unordered list (無序列表)
ol :ordered list (有序列表))
li :list item (列表專案),基於上面2個列表子專案。
**示例:
li1li2
li36.2 屬性
type :定義了標籤前面的符號樣式。
ul:type 有:circle 空心圓,disc 實心圓,square 實心正方形, none :前面無符號;
ol:type 有:1 :表示有序的1,2,3; a :表示有序的a,b,c;i :羅馬數字i,ii,iii;雖然還可以定義為:circle、disc、square、none但現實都為1,2,3等序列;
HTML基本介紹
超文字標記語言 hyper text markup language 標準通用標記語言下的乙個應用。html 不是一種程式語言,而是一種標記語言 markup language 是網頁製作所必備的 工具notepad 最基本的文字編輯器,用來替代txt,必備。sublime text 功能強大,比較...
HTML基本標籤介紹
這裡介紹一下html的基本格式和基本標籤的使用 主動閉合標籤 夾著內容 內容自閉合標籤 不需要後面半部分 第二部分 head內的 標題2 自動重新整理頁面 3 自動跳轉頁面 5 設定網頁說明 6 支援多個ie核心版本 body內的常用標籤 target blank 可以新開乙個網頁開啟這個跳轉 2 ...
html基本介紹2
html 背景 好的背景使站點看上去特別棒。背景 backgrounds 擁有兩個配置背景的標籤。背景可以是顏色或者影象。背景顏色 bgcolor 背景顏色屬性將背景設定為某種顏色。屬性值可以是十六進製制數 rgb 值或顏色名。以上的 均將背景顏色設定為黑色。背景 background 背景屬性將背...