web前端基礎知識03 html(三)表單 分塊

2021-08-21 08:27:32 字數 1672 閱讀 5707

表單標籤(form)是用來收集在這個標籤內的資訊

name屬性:區分不同的表單

method:表單中的資訊的提交方式,一般是用get或post。(和http協議中get/post是乙個意思)

注意:input標籤是單標籤

input標籤不一定非得放到form標籤中。只有在input標籤中的value需要提交的時候才放到form標籤 

type: 不同值對應不同的效果(text、password等)

name: 區分不同的資訊(是看不見的)

value: 具體的值(需要提交的內容)

placeholder: 佔位符

(1)文字輸入框text

引數:value就是輸入框中輸入的內容

placeholder在input作為文字輸入框的時候才有用

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

input type="text" name="username" value="使用者名稱" placeholder="請輸入使用者名稱" readonly="readonly" />
(2)密碼輸入框password

(3)單選按鈕radio

注意:a.name屬性必須設定,並且同一組選項的name的值必須一樣 

b.設定value屬性用於提交資訊

c.checked屬性的值設定為checked讓按鈕處於預設選中狀態

(4)核取方塊checkbox

桌球

籃球羽毛球

排球(5)

注意:a.name屬性必須設定,並且同一組選項的name的值必須一樣 

b.設定value屬性用於提交資訊

c.checked屬性的值設定為checked讓按鈕處於選中狀態

(5)普通按鈕button

(6)提交按鈕image

(7)檔案域file

(8)提交按鈕submit:將表單中的內容以name=value的形式進行提交,提交到form標籤中的action屬性對應的位址下面 

(9)重置按鈕reset

1.div標籤

是乙個無語義的標籤,主要是用來對網頁的內容進行分塊管理。是塊標籤 

2. span標籤

文字結點。需要在一些特點的標籤後顯示一些說明文字的時候使用 

我是段落

點我 使用者名稱:

Web開發 03 HTML基礎

無序列表的各個列表項之間沒有順序級別之分,是並列的。基本語法 ul 標籤中一般只巢狀 li 標籤 雖然部分標籤也可以巢狀,例如 p 但不建議使用 li 標籤中可以容納所有的元素 無序列表帶有預設的樣式,可以在css中修改。有序列表的各個列表項之間有順序級別之分,瀏覽器解析時缺省會自動根據 中的列表順...

前端 html基礎知識(一)

1.前端開發的概念 為b s架構的軟體提供介面解決方案。b s架構軟體 程式和資料存在伺服器端 軟體介面 網頁 標籤 html文件開始和結束標籤 標籤 設定網頁標題 標籤 網頁主體標籤,網頁上顯示的內容都寫在這個標籤中 3.快捷鍵建立html文件 英文的 tab鍵 h1 h6 標題標籤,塊元素標籤,...

03 HTML基礎之行內標籤

顯示東亞字元的發音 如中文,日文等 與,標籤搭配。為單個發音字元的容器,為不支援標籤時顯示的內容,為字元的發音 中 zhong 文 wen 表示區域性內容的強調,表現為斜體字,與標籤效果相同。強調小貓,強調的是哪種動物可愛 小貓是可愛的動物 強調事實,強調 小貓是可愛的動物 這一事實 小貓是可愛的動...