20180202我的簡歷，表單

時間 2020-06-18

標籤我的簡歷表單欄目 HTML 简体版

原文原文鏈接

我的簡歷編碼：html

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>我的簡歷</title>
 6 </head>
 7 
 8 <body>
 9 <table border="10xp" width="500xp" height="600xp" cellpadding="10px" cellspacing="0px">
10 <caption>我的簡歷</caption>
11 <tr>
12 <td>姓名</td>
13 <td>王龍翔</td>
14 <td>性別</td>
15 <td>男</td>
16 <td rowspan="3"><img src="img/logo5.jpg" ></td>
17 </tr>
18 <tr>
19 <td>出生年月</td>
20 <td>1991-9-5</td>
21 <td>民族</td>
22 <td>漢</td>
23 
24 </tr>
25 <tr>
26 <td>學歷</td>
27 <td>本科</td>
28 <td>專業</td>
29 <td>傳媒</td>
30 
31 </tr>
32 <tr>
33 <td>畢業院校</td>
34 <td colspan="4">河海大學</td>
35 
36 </tr>
37 <tr>
38 <td>聯繫電話</td>
39 <td>15305333225</td>
40 <td>電子郵箱</td>
41 <td colspan="2">409000401@qq.com</td>
42 
43 </tr>
44 <tr>
45 <td>教育經歷</td>
46 <td colspan="4">河海大學</td>
47 
48 </tr>
49 <tr>
50 <td>所獲證書</td>
51 <td colspan="4">英語<br>計算機</td>
52 
53 </tr>
54 <tr>
55 <td>在校期間進行的實踐活動</td>
56 <td colspan="4">熱愛勞動</td>
57 
58 </tr>
59 <tr>
60 <td>我的自述</td>
61 <td colspan="4">爲人民服務</td>
62 
63 </tr>
64 </table>
65 </body>
66 </html>

下午學習的新內容：linux

單選按鈕 radio安全

在html中，單選按鈕radio只能從選項列表中選擇一項，選項與選項之間是互斥的。ide

語法：post

<input type="radio name="單選按鈕所在的組名" value="單選按鈕的取值" />學習

說明：編碼

name和value是單選按鈕必要的兩個屬性，必需要設置。spa

複選框checkboxcode

單選按鈕radio只能從選項列表中選擇一項，而複選框checkbox能夠從選項列表中選擇一項或者多項。orm

語法：

<input type="checkbox" value="複選框取值" checked="checked"/>

說明：

checked屬性表示該選項在默認狀況下已經被選中。複選框checkbox不像單選按鈕radio，它不須要設置選項列表的name，由於複選框能夠多選。

練習1：

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>表單</title>
 6 </head>
 7 
 8 <body>
 9 
 10 <form action="" enctype="multipart/form-data">
 11 用戶名：<input type="text" name="username" placeholder="輸入用戶名">
 12 密碼框：<input type="password" name="pwd">
 13 隱藏域：<input type="hidden"><br>
 14 普通按鈕：<input type="button" value="普通按鈕"><br>
 15 
 16 重置按鈕：<input type="reset" value="重置"><br>
 17 
 18 提交按鈕：<input type="submit" value="提交"><br>
 19 
 20 性別：<label>男<input type="radio" name="sex"></label>
 21 <label>女<input type="radio" name="sex" checked></label><br>
 22 
 23 愛好：<label>籃球<input type="checkbox" name="lanqiu"></label>
 24 <label>足球<input type="checkbox" name="zuqiu" disabled></label>
 25 <label> 排球<input type="checkbox" name="paiqiu" checked></label>
 26 <br>
 27 上傳文件<input type="file">
 28 地區：<select>
 29 <option>淄博</option>
 30 <option>濟南</option>
 31 <option selected>青島</option>
 32 <option>棗莊</option>
 33 </select><br>
 34 
 35 我的簡介：<br>
 36 <textarea name="" id="" cols="30" rows="10">
 37 
 38 </textarea>
 39 </form>
 40 </body>
 41 </html>
 42 
 43 練習2：博客園登陸界面  44 
 45 <!doctype html>
 46 <html>
 47 <head>
 48 <meta charset="utf-8">
 49 <title>無標題文檔</title>
 50 </head>
 51 
 52 <body>
 53 <form>
 54 <table border="0xp" width="950" height="" align="center">
 55 <tr>
 56 <td colspan="4">註冊新用戶</td>
 57 
 58 </tr>
 59 <hr>
 60 <tr>
 61 <th>郵箱</th>
 62 
 63 <td colspan="2"><input type="text" placeholder="須要經過郵件激活帳戶"></td>
 64 
 65 <td rowspan="6"><img src="../做業2/img/registersideimg.png" alt=""></td>
 66 
 67 </tr>
 68 <tr>
 69 <th>手機號</th>
 70 <td><input type="text" value="+86"></td>
 71 <td><input type="text" placeholder="激活帳號須要手機短信驗證"></td>
 72 
 73 
 74 </tr>
 75 <tr>
 76 <th>登陸名稱</th>
 77 <td colspan="2"><input type="text" placeholder="登陸用戶名，很多於4個字符"></td>
 78 
 79 
 80 
 81 </tr>
 82 <tr>
 83 <th>顯示名稱</th>
 84 <td colspan="2"><input type="text" placeholder="即暱稱，很多於兩個字符"></td>
 85 
 86 
 87 </tr>
 88 <tr>
 89 <th>密碼</th>
 90 <td colspan="2"><input type="text" placeholder="至少8位，必須包含字母，數字，特殊字符"></td>
 91 
 92 
 93 
 94 </tr>
 95 <tr>
 96 <th>確認密碼</th>
 97 <td colspan="2"><input type="text" placeholder="請輸入確認密碼"></td>
 98 
 99 
100 
101 </tr>
102 <tr>
103 <td colspan="4" align="center"><input type="submit" value="註冊"></td>
104 
105 
106 </tr>
107 <tr>
108 <td colspan="4" align="center"><small>*"註冊"按鈕，即表示您贊成並願意遵照<a href="">用戶協議</a></small></td>
109 
110 
111 </tr>
112 <tr>
113 <td colspan="4" align="center"><h5>關於博客園 聯繫咱們 @2014-2018 博客園 保留全部權力 powered by ASP.NET core on linux</h5></td>
114 
115 
116 </tr>
117 
118 </table>
119 </form>
120 </body>
121 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。