Html基本控制項介紹

2022-06-22 20:09:09 字數 2087 閱讀 1848

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 背景屬性將背...