1. 程式人生 > >關於表單----html雜記

關於表單----html雜記

div field sel 雜記 method put tar 過程 效果圖

前言:總結了一些關於表單的東西,發下內心的感慨,以前感覺自己什麽都會,今天竟然連最基本的表單的東西都忘了,好丟人,

學習的過程中,切勿眼高手低,一定要做好自己的筆記,然後多寫代碼,多想為什麽,我比較笨,但是我相信勤能不著。

不說了,我又來粘貼代碼了,這次就不放運行效果圖了。

html表單代碼:

技術分享
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </
head> 7 <body> 8 9 <form method="post"> 10 <legend>標題</legend> 11 <fieldset> 12 <label for="name">名字:</label><br /> 13 14 <hr />2.文本框,密碼框,隱藏框: 15 <
input type="text" id="name" name="請輸入你的名字" size="7" /><br /> 16 <input type="text" id="name" name="請輸入你的名字" size="6" /><br /> 17 <input type="text" id="name" name="請輸入你的名字" size="5" /><br /> 18 <input type="text" id="name" name="請輸入你的名字"
size="4" /><br /> 19 <input type="text" id="name" name="請輸入你的名字" size="3" /><br /> 20 <input type="text" id="name" name="請輸入你的名字" size="2" /><br /> 21 22 <input type="text" id="name" name="請輸入你的名字" size="2" maxlength="3" /><br /> 23 <label for="pwd">密碼:</label> 24 <input type="password" id="pwd" name="pass" /> 25 <input type="hidden" id="pwd" name="hahah" value="好"/> 26 27 <hr />3復選框: 28 <input type="checkbox" name="復選框1" value="A" checked="checked" disabled="disabled"/> 29 <input type="checkbox" name="復選框2" value="B" /> 30 <input type="checkbox" name="復選框3" value="C" /> 31 <input type="checkbox" name="復選框4" value="D" /> 32 33 <hr />單選欄: 34 <input type="radio" name="A" value="A" checked="checked" /> 35 <input type="radio" name="A" value="B" /> 36 <input type="radio" name="A" value="C" /> 37 38 <hr />4.窗體欄位: 39 <select name="ns" size="1"> 40 <option value="A">A</option> 41 <option value="A">B</option> 42 <option value="A">C</option> 43 <option value="A">D</option> 44 </select> 45 <br /> 46 47 <hr /> 48 <textarea cols="50" rows=“50"> 49 <h1> 你好啊</h1> 50 </textarea> 51 52 <p> 53 <input type="submit" name="提交"/> 54 <input type="reset" name="重置" /> 55 </p> 56 57 <hr />5.按鍵,圖像 58 <button> 59 <img src="img/1.png" /> 60 </button> 61 62 <hr /> 63 <input type="image" src="../day01/作業day01/img3/tv05.jpg" alt="好可憐" /> 64 65 <hr /> 66 <input type="file" name="file" /> 67 </fieldset> 68 69 70 </form> 71 72 </body> 73 </html>
View Code

關於表單----html雜記