效果圖1、整體的框架用了表格標(biāo)簽,可以讓內(nèi)容排列整齊

2、列表標(biāo)簽<ul><li>

3、表單標(biāo)簽

<input type=&#34;radio&#34;>單選

<input type=&#34;checkbox&#34;>多選

<input type=&#3" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > web開(kāi)發(fā)源代碼案例2-注冊(cè)頁(yè)面

web開(kāi)發(fā)源代碼案例2-注冊(cè)頁(yè)面

時(shí)間:2023-08-28 15:30:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-08-28 15:30:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)

web開(kāi)發(fā)源代碼案例2-注冊(cè)頁(yè)面:

效果圖
1、整體的框架用了表格標(biāo)簽,可以讓內(nèi)容排列整齊

2、列表標(biāo)簽<ul><li>

3、表單標(biāo)簽

<input type="radio">單選

<input type="checkbox">多選

<input type="text">文本填寫

<textarea>文本框

<select>里面一定要有一個(gè)<option>下拉選項(xiàng)

屬性:checked="checked" 默認(rèn)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>web開(kāi)發(fā),注冊(cè)頁(yè)面</title></head><body> <h4>青春不常在,抓緊談戀愛(ài)</h4> <table width="600"> <!-- 第一行 --> <tr> <td>性別:</td> <td> <input type="radio" name="sex" id="nan"><label for="nan"><img src="images/man.jpg">男</label> <input type="radio" name="sex" id="nv"><label for="nv"><img src="images/women.jpg">女</label> </td> </tr> <!-- 第二行 --> <tr> <td>生日:</td> <td> <select> <option>--請(qǐng)選擇年份--</option> <option>2001</option> <option>2002</option> <option>2003</option> </select> <select> <option>--請(qǐng)選擇月份--</option> <option>7</option> <option>8</option> <option>9</option> </select> <select> <option>--請(qǐng)選擇日--</option> <option>28</option> <option>29</option> <option>30</option> </select> </td> </tr> <!-- 第三行 --> <tr> <td>所在地區(qū):</td> <td> <input type="text" value="小猴科技"> </td> </tr> <!-- 第四行 --> <tr> <td>婚姻狀況:</td> <td> <input type="radio" name="marry" checked="checked" id="weihun"><label for="weihun">未婚</label> <input type="radio" name="marry" id="yihun"><label for="yihun">已婚</label> <input type="radio" name="marry" id="lihun"><label for="lihun">離婚</label> </td> </tr> <!-- 第五行 --> <tr> <td>學(xué)歷:</td> <td> <input type="text" value="研究生"> </td> </tr> <!-- 第六行 --> <tr> <td>喜歡的類型:</td> <td> <input type="checkbox" name="love">可愛(ài) <input type="checkbox" name="love">火辣 <input type="checkbox" name="love">天使 <input type="checkbox" name="love" checked="checked">都喜歡 </td> </tr> <!-- 第七行 --> <tr> <td>自我介紹:</td> <td> <textarea>自我簡(jiǎn)介</textarea> </td> </tr> <!-- 第八行 --> <tr> <td></td> <td> <input type="submit" value="免費(fèi)注冊(cè)"> </td> </tr> <!-- 第九行 --> <tr> <td></td> <td> <input type="checkbox" checked="checked" >我同意注冊(cè) </td> </tr> <!-- 第十行 --> <tr> <td></td> <td> <h5>我承諾</h5> <ul> <li>我已滿18歲</li> <li>我很想分享</li> <li>我愛(ài)學(xué)習(xí)</li> </ul> </td> </tr> </table></body></html>

關(guān)鍵詞:注冊(cè),發(fā)源

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉