今天主要講了結(jié)構(gòu)標(biāo)記，表單的使用和其他常見的標(biāo)記。
結(jié)構(gòu)標(biāo)記
- 經(jīng)常使用 <div> 元素設(shè)計(jì)頁?的?大致布局，如頁頭、導(dǎo)航
欄、主要內(nèi)容部分和頁腳等。
<body>
<div id="header">
頁頭部分內(nèi)容
</div>
<div id="main">
頁面主體部分內(nèi)容
</div>
<div id="footer">
頁腳部分
</div>
</body>
表單
使?用 <form> 元素創(chuàng)建表單
在 <form> 元素中添加其他表單可以包含的控件元素
表單控件元素有
– input元素：?文本輸?入控件、按鈕、單選和復(fù)選按鈕、選項(xiàng)
框、?文件選擇框和隱藏控件等
– textarea元素
– select和option元素
– 其他元素
input
?用于收集?用戶信息
? 主要屬性
– type：根據(jù)不同的 type 屬性值，可以創(chuàng)建各種類型的輸?入
字段，?比如文本框、復(fù)選框等
– value：控件的數(shù)據(jù)
– name：控件的名稱
– disabled：禁用控件
文本框與密碼框
? 主要屬性
– type：根據(jù)不同的 type 屬性值，可以創(chuàng)建各種類型的輸?入
字段，?比如?文本框、復(fù)選框等
– value：控件的數(shù)據(jù)
– name：控件的名稱
– disabled：禁?用控件
如
姓名：<input type="text" name="username"
value="mary" maxlength="6" />
<br /><br />
密碼：<input type="password" name="pwd" />
單選框和復(fù)選框
單選框： <input type=“radio”/>
? 復(fù)選框： <input type=“checkbox” />
? 主要屬性
– name：設(shè)置名稱，并?用于分組，?一組單選框或者復(fù)選框的
名稱必須相同
– value：?文本，當(dāng)提交 form 時(shí)，如果選中了此單選按鈕，
那么 value 就被發(fā)送到服務(wù)器
– checked： 設(shè)置默認(rèn)被選中
如
性別:
<input type="radio" name="sex" value="0"/>男
<input type="radio" name="sex" value="1"/>?女
<input type="radio" name="sex" value="2" checked="checked"/>保密
<br /><br />
喜歡的城市:
<input type="checkbox" name="cities" value="1"/>北京
<input type="checkbox" name="cities" value="2"/>貴陽
<input type="checkbox" name="cities" value="3"/>深圳
按鈕
? 提交按鈕： <input type=“submit”/>
? 重置按鈕： <input type=“reset” />
? 普通按鈕： <input type=“button” />
主要屬性
– name：名稱
– value：按鈕的標(biāo)題?文本
文件選擇框
<input type=“file” />
<label> 元素
<label for="chkHid">不要公開我的信息</label>
選項(xiàng)框
? <select>：創(chuàng)建選項(xiàng)框
– name：選項(xiàng)框命名
– size：?大于 1 ，則為滾動(dòng)列表
– multiple：設(shè)置多選
<select>
<option value="1">我</option>
<option value="2">你</option>
<option value="3">他</option>
</select>
為制定的一類控件分組 <fieldset> 元素，為分組指定一個(gè)標(biāo)題 <legend> 元素。
<fieldset>
<legend>地址信息</legend>
地址：<input type="text" /><br />
郵編：<input type="text" />
</fieldset>
其他常用標(biāo)記
浮動(dòng)框架<iframe>元素
可以在一個(gè)瀏覽器窗口中同時(shí)顯?示多個(gè)頁?文檔（即可以子啊一個(gè)頁面內(nèi)嵌套另一個(gè)頁面）
主要屬性
– src：浮動(dòng)框架中的?網(wǎng)頁的url
– height： ?高度
– width： 寬度
