HTML表格制作的例子
生活随笔
收集整理的這篇文章主要介紹了
HTML表格制作的例子
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>第二題</title><style>td {text-align: center;}</style></head><body><p align="center"><strong>學(xué)生成績(jī)表</strong></p><!--<table border="1px" align="center" cellpadding="0px">--><table bgcolor="#000" cellpadding="1px" align="center"><tr bgcolor="#fff"><th>編號(hào)</th><th>姓名</th><th>性別</th><th>成績(jī)</th></tr><tr bgcolor="#fff"><td>1</td><td>小龍女</td><td>女</td><td>100</td></tr><tr bgcolor="#fff"><td>2</td><td>楊過(guò)</td><td>男</td><td rowspan="2">90</td></tr><tr bgcolor="#fff"><td>3</td><td>金輪法王</td><td>男</td></tr><tr bgcolor="#fff"><td>總成績(jī)</td><td colspan="3">190</td></tr></table></body></html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>題1</title><style>th {text-align: left;}</style></head><body><table border="1"><tr><td><strong>用戶名</strong></td><td><input type="text" placeholder="請(qǐng)輸入賬號(hào)" /></td></tr><tr><th>密碼</th><td><input type="password" placeholder="請(qǐng)輸入密碼" /></td></tr><tr><th>Email</th><td><input type="email" placeholder="請(qǐng)輸入Email" /></td></tr><tr><th>姓名</th><td><input type="text" placeholder="請(qǐng)輸入真實(shí)姓名" /></td></tr><tr><th>手機(jī)號(hào)</th><td><input type="tel" placeholder="請(qǐng)輸入您的手機(jī)號(hào)" /></td></tr><tr><th>性別</th><td><input type="radio" value="男" name="sex" />男<input type="radio" value="女" name="sex" />女</td></tr><tr><th>出生日期</th><td><input type="date" /></td></tr><tr><th>驗(yàn)證碼</th><td><input type="text" /><img src="verify_code.jpg" /></td></tr><tr><td colspan="2" align="center"><input type="submit" value="注冊(cè)" align="center" /></td></tr></table></body></html>
總結(jié)
以上是生活随笔為你收集整理的HTML表格制作的例子的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： python：pass关键字的作用
- 下一篇： 前端剑法第一式———砺锋