表單標籤(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 表示區域性內容的強調,表現為斜體字,與標籤效果相同。強調小貓,強調的是哪種動物可愛 小貓是可愛的動物 強調事實,強調 小貓是可愛的動物 這一事實 小貓是可愛的動...