3.下拉列表:<select name="" id=""> <option value=""></option> </select> 屬性:name="" 指定獲取輸入的名字。 value="" 不知道有什麼用。但我知道它有用。 在option標簽中預設選中屬性為 selected 在input標簽 ...
瀏覽器的地址欄中有字數限制,大約為200個字元。
1.表單:<form action="" method=""></form>
屬性: action=“” 提交路徑 method="" 傳輸類型, 有get/post兩種類型,即,以明文/密文的方式傳輸提交的數據
2.文本框:<input type="" name="" value="" id="">
屬性:type="" 其中有很值分別代表不同的意義,常用的有,submit(提交)、password(密碼)、reset(重置)、radio(單選)、checkbox(多選)、button(按鈕)、text(普通文本框)
name="" 添加該屬性,並指定值,才能收集用戶的輸入信息傳入後臺。
但對於不同的type屬性也有不同的意義,當用於radio時,多個name一樣,radio就有互斥性。
value=""用於不同的type類型,有不同的意義。如用於text和password中,即用收穫取用戶輸入的具體數值。
id="" ID全局唯一,用於索引。其它用處不知道。
3.下拉列表:<select name="" id="">
<option value=""></option>
</select>
屬性:name="" 指定獲取輸入的名字。
value="" 不知道有什麼用。但我知道它有用。
在option標簽中預設選中屬性為 selected
在input標簽中預設選中屬性為 checked
option[value=$]{$}*6 == 6個<option value=""></option>
4.多行文本框:
<textarea name="" id="" cols="30" rows="10"></textarea>
屬性: name 指定獲取輸入的值的名字。
cols 指定輸入的最小的列數。
rows 指定輸入的最小的行數。
5.<label for=""></label>
屬性:for="" 其中的值與input id="" 中的值一致,可將label標簽中的值與input相關連
例如: <input type="radio" id="radio"><label for="radio">radio</label>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"/> 5 <meta name="keyword" content="關鍵字"/> 6 <meta name="discraption" content="描述"/> 7 <title>Sign in</title> 8 </head> 9 10 <body bgcolor="#fff8dc"> 11 <center> 12 <h1>登錄</h1> 13 <form action="#" method="post"> 14 15 帳號:<input type="text" name="User" > <br/><br/> 16 17 密碼:<input type="password" name="Pwd" > <br/><br/> 18 19 <a href="questionnaire.html" target="_blank"> 20 <input type="button" value="登錄" width="50" height="10"> 21 </a> 22 23 <!--<br/> https://wj.qq.com/s/1333447/4afc/?pgv_ref=aio2015&ptlang=2052--> 24 </form> 25 </center> 26 27 </body> 28 </html>登錄
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"/> 5 <meta name="keyword" content="關鍵字"/> 6 <meta name="discraption" content="描述"/> 7 <title>Registed</title> 8 </head> 9 10 <body bgcolor="#fff8dc"> 11 <marquee behavior="alternate" direction="right"> 12 <a href="Registed.html" target="_blank" style="float: right"> 註冊</a> 13 <a href="Sign.html" target="_blank" style="float: right">登錄</a> 14 </marquee> 15 16 <h1 align="center">註冊</h1> 17 18 <center> 19 <form action="#" method="post"> 20 帳號:<input type="text" name="User"value="" > <br/><br/> 21 22 密碼:<input type="password" name="Pwd" value=""> <br/><br/> 23 24 性別:<input type="radio" name="gender" value="male" id="male" checked> 25 <label for="male">男</label> 26 <input type="radio" name="gender" value="female" id="female"> 27 <label for="male">女</label> <br> 28 29 生日: 30 <select name="year" id=""> 31 <option value="1991" selected>1991</option> 32 <option value="1992">1992</option> 33 <option value="1993">1993</option> 34 <option value="1994">1994</option> 35 <option value="1995">1995</option> 36 <option value="1996">1996</option> 37 <option value="1997">1997</option> 38 <option value="1998">1998</option> 39 <option value="1999">1999</option> 40 </select>年 41 42 <select name="month" id=""> 43 <option value="01" selected>01</option> 44 <option value="02">02</option> 45 <option value="03">03</option> 46 <option value="04">04</option> 47 <option value="05">05</option> 48 <option value="06">06</option> 49 <option value="07">07</option> 50 <option value="08">08</option> 51 <option value="09">09</option> 52 <option value="10">10</option> 53 <option value="11">11</option> 54 <option value="12">12</option> 55 </select>月 56 57 <select name="day" id=""> 58 <option value="01" selected>01</option> 59 <option value="02">02</option> 60 <option value="03">03</option> 61 <option value="04">04</option> 62 <option value="05">05</option> 63 <option value="06">06</option> 64 <option value="07">07</option> 65 <option value="08">08</option> 66 <option value="09">09</option> 67 <option value="10">10</option> 68 <option value="11">11</option> 69 <option value="12">12</option> 70 <option value="13">13</option> 71 <option value="14">14</option> 72 <option value="15">15</option> 73 <option value="16">16</option> 74 <option value="17">17</option> 75 <option value="18">18</option> 76 <option value="19">19</option> 77 <option value="20">20</option> 78 <option value="21">21</option> 79 <option value="22">22</option> 80 <option value="23">23</option> 81 <option value="24">24</option> 82 <option value="25">25</option> 83 <option value="26">26</option> 84 <option value="27">27</option> 85 <option value="28">28</option> 86 <option value="29">29</option> 87 <option value="30">30</option> 88 <option value="31">31</option> 89 </select>日 <br> 90 91 郵箱:<input type="text" name="E-mail" > <br/><br/> 92 93 手機號:<input type="text" name="Number" > <br/><br/> 94 95 96 <a href="Sign.html" target="_blank"> 97 <input type="submit" value="提交"> 98 </a> 99 100 <input type="reset" value="重置"> 101 102 <!--<br/> https://wj.qq.com/s/1333447/4afc/?pgv_ref=aio2015&ptlang=2052--> 103 </form> 104 </center> 105 106 </body> 107 108 </html>註冊
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>questionnaire</title> 6 <style> 7 8 div{margin-left:10%} 9 div{margin-right:10%} 10 </style> 11 </head> 12 13 <body bgcolor="#faebd7"> 14 15 <div align="center" > 16 <hr> 17 <h1 align="center">大學聲調查 | 大學生實習兼職情況調查</h1> 18 <hr> 19 20 <p> 大學生在校期間,一般都會參與某些形式的兼職或者實習經歷,但不同高校的學生能夠得到的實習機會也頗有不同。<br> 21 22 大學聲聯合騰訊教育,進行了這次大學生實習情況調查,期待你的參與能發出大學生自己的聲音。<br> 23 24 本調查共有21道選擇題,花3-4分鐘即可完成。<br> 25 26 (本調查問卷中提到的“實習”指大學生在校期間為提高就業競爭力,賺生活費,以及社會實踐等目的進行的各類實習及兼職工作行為) 27 </p> 28 29 30 </div