時間：2023-09-04 15:36:01 | 來源：網(wǎng)站運(yùn)營
時間：2023-09-04 15:36:01 來源：網(wǎng)站運(yùn)營
10元寫的Html網(wǎng)頁設(shè)計(jì)第13次作業(yè)——報(bào)名表單和簡歷表- 水流流水：鏈接：https://pan.baidu.com/s/17Y7AbzH8dYBSpiVbz1t8dw?pwd=d2yi
在線咨詢
<!doctype html><html><head><meta charset="utf-8"><title>在線報(bào)名</title><style type="text/css"> /*全局控制*/body{font-size:12px; font-family:"宋體"; color:#515151;}/*重置瀏覽器的默認(rèn)樣式*/body,h2,form,table{padding:0; margin:0;}#box{ /*控制最外層的大盒子*/ width:660px; height:600px; border:1px solid #CCC; padding:20px; margin:50px auto 0; }.header{ /*控制標(biāo)題*/ font-size:22px; color:#0b0b0b; padding-bottom:30px;} .header span{ /*控制標(biāo)題中的小號字體*/ font-size:12px; font-weight:normal;} td{padding-bottom:26px;}td.left{ width:78px; text-align:right; /*使提示信息居右對齊*/ padding-right:8px; /*拉開提示信息和表單控件間的距離*/}.red{color:#F00;} /*控制提示信息中星號的顏色*/.txt01,.txt02{ /*定義前兩個單行文本輸入框相同的樣式*/ width:264px; height:12px; border:1px solid #CCC; padding:3px 3px 3px 26px; font-size:12px; color:#949494;}.txt01{ /*定義第一個單行文本輸入框的背景圖像*/ background:url(img/name.png) no-repeat 2px center;} .txt02{ /*定義第二個單行文本輸入框的背景圖像*/ background:url(img/phone.png) no-repeat 2px center;} .txt03{ /*定義第三個單行文本輸入框的樣式*/ width:122px; height:12px; padding:3px 3px 3px 26px; font-size:12px; background:url(img/email.png) no-repeat 2px center;}.course{ width:184px;} /*定義下拉菜單的寬度*/.message{ /*定義多行文本輸入框的樣式*/ width:432px; height:164px; font-size:12px; color:#949494; padding:3px;}</style></head><body><div id="box"> <h2 class="header">下面就開始在線報(bào)名吧<span>(以下信息是報(bào)名的重要依據(jù)，請認(rèn)真填寫)</span></h2> <form action="#" method="post"> <table class="content"> <tr> <td class="left">姓名<span class="red">*</span></td> <td><input type="text" value="報(bào)名的重要依據(jù)，請認(rèn)真填寫" class="txt01" /></td> </tr> <tr> <td class="left">手機(jī)<span class="red">*</span></td> <td><input type="text" value="報(bào)名的重要依據(jù)，請認(rèn)真填寫" class="txt02" /></td> </tr> <tr> <td class="left">性別<span class="red">*</span></td> <td> <label for="boy"><input type="radio" name="sex" id="boy" />男</label> <label for="girl"><input type="radio" name="sex" id="girl" />女</label> </td> </tr> <tr> <td class="left">郵箱<span class="red">*</span></td> <td><input type="text" class="txt03" /></td> </tr> <tr> <td class="left">意向課程<span class="red">*</span></td> <td> <select class="course"> <option>網(wǎng)頁設(shè)計(jì)</option> <option selected="selected">平面設(shè)計(jì)</option> <option>UI設(shè)計(jì)</option> </select> </td> </tr> <tr> <td class="left">了解渠道</td> <td> <label for="baidu"><input type="checkbox" id="baidu" />baidu</label> <label for="it"><input type="checkbox" id="it" />論壇</label> <label for="friend"><input type="checkbox" id="friend" />朋友推薦</label> <label for="csdn"><input type="checkbox" id="csdn" />CSDN網(wǎng)站</label> <label for="video"><input type="checkbox" id="video" />視頻教程</label> <label for="other"><input type="checkbox" id="other" />其他</label> </td> </tr> <tr> <td class="left">留言</td> <td><textarea cols="50" rows="5" class="message">請簡述您有沒有設(shè)計(jì)基礎(chǔ)，以及為什么選擇學(xué)習(xí)網(wǎng)頁平面UI設(shè)計(jì)？</textarea></td> </tr> <tr> <td> </td> <td><input type="submit" value="提交"/></td> </tr> </table> </form></div></body></html><!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>簡歷表作業(yè)</title> <style type="text/css"> table{ border: 2px solid #ccc; width: 700px; height: 50px; margin: 0 auto; border-collapse: collapse; font-size: 15px; } td{ width: 90px; border: 2px solid #ccc; } .one{background: #eee;} .two{ text-align: center; font-size: 30px; font-weight: bold; } </style> </head> <body> <table border="" cellspacing="" cellpadding=" "> <tr> <td colspan="5" class="one two">簡歷表</td> </tr> <tr> <td class="one">姓名</td> <td></td> <td class="one">民族</td> <td></td> <td rowspan="5">照片</td> </tr> <tr> <td class="one">籍貫</td> <td></td> <td class="one">身高</td> <td></td> </tr> <tr> <td class="one">婚姻狀況</td> <td></td> <td class="one">電子郵件</td> <td></td> </tr> <tr> <td class="one">聯(lián)系電話</td> <td></td> <td class="one">QQ號碼</td> <td></td> </tr> <tr> <td class="one">出生日期</td> <td></td> <td class="one">國籍</td> <td></td> </tr> <tr> <td class="one">目前所在地</td> <td colspan="4"></td> </tr> </table> </body></html>關(guān)鍵詞：報(bào)名,作業(yè),流水,簡歷,設(shè)計(jì),水流
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
