2019獨角獸企業重金招聘Python工程師標準>>>

一、div和span

div標簽是一個容器級標簽，里面什么都能放，甚至可以放div自己。

?

span也是表達“小區域、小跨度”的標簽，但是是一個“文本級”的標簽。

就是說，span里面只能放置文字、圖片、表單元素。 span里面不能放p、h、ul、dl、ol、div。

span里面是放置小元素的，div里面放置大東西的：

???????????????????? <p> ??????????????????????????? 簡介簡介簡介簡介簡介簡介簡介簡介 ??????????????????????????? <span> ?????????????????????????????????? <a href="">詳細信息</a> ?????????????????????????????????? <a href="">購買</a> ??????????????????????????? </span> ???????????????????? </p>

?

二、表單

1、input標簽的四種類型

<input type="text" /> 文本框

<input type="password" /> 密碼框

<input type="radio"> 單選按鈕

<input type="checkbox" /> 復選框

2、下拉列表

select就是“選擇”，option“選項”。

select標簽和ul、ol、dl一樣，都是組標簽。

<select> ?????? <option>北京</option> ?????? <option>河北</option> ?</select>

?

3、多行文本框（文本域）

<textarea cols="30" rows="10"></textarea>

這個標簽，是個標簽對兒。對兒里面不用寫東西。如果寫的話，就是這個框的默認文字。

?

cols屬性表示columns“列”，rows屬性表示rows“行”。

值就是一個數，表示多少行，多少列。

?

4、三種按鈕

按鈕也是input標簽，一共有三種按鈕：

（1）普通按鈕：

<input type="button" value="我是一個普通按鈕" />

button就是英語“按鈕”的意思。value就是“值”的意思，按鈕上面顯示的文字。

?

（2）提交按鈕：

<input type="submit" />

submit就是英語“提交”的意思。這個按鈕不需要寫value自動就有“提交”文字。

這個按鈕點擊，表單真的能提交。這個表單就會被提交到，form標簽的action屬性中的那個頁面中去。

（3）重置按鈕：

<input type="reset" />

reset就是“復位”的意思。

?

5、label標簽

本質上講，“男”、“女”這兩個漢字，和input元素沒有關系。

<input type="radio" name="sex" /> 男 <input type="radio" name="sex" /> 女

?

label就是解決這個問題的。

<input type="radio" name="sex" id="nan" /> <label for="nan">男</label> <input type="radio" name="sex" id="nv"? /> <label for="nv">女</label>

?

input元素要有一個id，然后label標簽就有一個for屬性，和id相同，就表示綁定了，這個label和input就有綁定關系了。

?

復選框也有label：

<input type="checkbox" id="kk" /> <label for="kk">10天內免登陸</label>?

什么表單元素都有label。

?

?

轉載于:https://my.oschina.net/lsl1991/blog/1928437

總結

以上是生活随笔為你收集整理的【HTML】------HTML的标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。