iframe標(biāo)簽
iframe 與 a標(biāo)簽結(jié)合使用
// target="xxx" 的 a標(biāo)簽 可以指向 name="xxx" 的 iframe標(biāo)簽
// 這個(gè)示例可以點(diǎn)擊一個(gè)a標(biāo)簽切換在內(nèi)部改變iframe里的內(nèi)容,不過(guò)刷新會(huì)比較卡
<iframe name="xxx" src="http://qq.com" frameborder="0"></iframe>
<a target="xxx" >qq</a>
<a target="xxx" >百度</a>
a標(biāo)簽
- a標(biāo)簽的target屬性
<a target="_blank" >新窗口打開(kāi)</a>
<a target="_self" >在當(dāng)前頁(yè)打開(kāi)</a>
<a target="_parent" >在外層有iframe的情況下穴墅,在父級(jí)頁(yè)面打開(kāi)</a>
<a target="_top" >在有三層iframe的情況下看得出與上面的區(qū)別锅风,這個(gè)會(huì)在最頂層頁(yè)面打開(kāi)</a>
- a標(biāo)簽的href屬性
<a href="qq.com">這里不會(huì)打開(kāi)qq頁(yè)面啡氢,這里表示一個(gè)文件</a>
<a href="?name=xxx">加查詢參數(shù)</a>
<a href="#xxx">加錨點(diǎn)遵倦,點(diǎn)擊會(huì)移動(dòng)到頂部</a>
<a href="javascript:;">加偽協(xié)議邑贴,不跳轉(zhuǎn)鏈接</a>
form標(biāo)簽
form標(biāo)簽的屬性詳見(jiàn)
a標(biāo)簽與form標(biāo)簽的區(qū)別在于仆潮,a發(fā)起GET請(qǐng)求检盼,form發(fā)起POST請(qǐng)求。
<a href="index2.html">link</a>
<form action="users" method="post">
<input type="text" name="username"></input>
<input type="password" name="password"></input>
<input type="submit" value="提交"></input>
</form>
form要有提交按鈕
form主要用于發(fā)起POST請(qǐng)求
form中method只能寫get和post颁独,寫get會(huì)默認(rèn)出現(xiàn)到查詢參數(shù)彩届,post會(huì)默認(rèn)出現(xiàn)到響應(yīng)的第四部分Form Data里。可以發(fā)起POST請(qǐng)求的同時(shí)添加查詢參數(shù)奖唯,但是不可以在發(fā)起GET請(qǐng)求的同時(shí)響應(yīng)第四部分Form Data惨缆。
<form action="users?zzz=3" method="post">
...
</form>
- form 中的target與a中的target同樣用法,也同樣可以跳轉(zhuǎn)iframe
<form target="_blank">
...
</form>
input標(biāo)簽
input的屬性詳見(jiàn)
input標(biāo)簽中加上name和value丰捷,用于提交查詢參數(shù)坯墨。
- 如果一個(gè)form里只有一個(gè)按鈕,它的type是button病往,那么自動(dòng)升級(jí)為提交按鈕捣染。
button標(biāo)簽內(nèi)可以加內(nèi)容,可以是元素停巷,也可以加標(biāo)簽耍攘;而input是個(gè)空標(biāo)簽,不能在input標(biāo)簽中加內(nèi)容畔勤,要加內(nèi)容只能在value里加蕾各。
// 這里不要加type,才會(huì)是submit效果
<button>提交</button>
// 或庆揪,一個(gè)提交按鈕
<input type="submit" value="提交"></input>
- checkbox式曲,radio
// 用label中的for與input中的id相結(jié)合
<input type="checkbox" id="xxx"><label for="xxx">桔子</label>
//用label包裹名稱和input標(biāo)簽
<label>用戶名<input type="text" name="username"></label>
// 提交可以得到查詢參數(shù) fruit=orange&fruit=banana
<label><input type="checkbox" name="fruit" value="orange">桔子</label>
<label><input type="checkbox" name="fruit" value="banana">桔香蕉</label>
// 提交可以得到查詢參數(shù) loveme=yes 或 loveme=no
<label><input type="radio" name="loveme" value="yes">Yes</label>
<label><input type="radio" name="loveme" value="no">No</label>
- select
// 默認(rèn)選擇第四組,第三組不可選缸榛,加個(gè)multiple可以多選
<select name="group" multiple>
<option value="-">-</option>
<option value="1">第一組</option>
<option value="2">第二組</option>
<option value="3" disabled>第三組</option>
<option value="4" selected>第四組</option>
</select>
- textarea樣式最好在css中添加
table標(biāo)簽
<table>
<colgroup>
<col width=100>
<col width=100 bgcolor=red>
<col width=100>
<col width=100>
</colgroup>
<thead>
<tr>
<th>標(biāo)題1</th><th>標(biāo)題2</th><th>標(biāo)題3</th><th>標(biāo)題4</th>
</tr>
</thead>
<tbody>
<tr>
<td>111</td><td>222</td><td>333</td><td>444</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>111</td><td>222</td><td>333</td><td>444</td>
</tr>
</tfoot>
</table>