HTML-基礎-day03
阿新 • • 發佈：2017-05-22
uname 給人 text eight 包含 發送 不同的 用戶 fieldset
Form表單處理
day02有事情沒學習，直接day03了。對於白板和0基礎來說，講的還是很快的，對於標簽沒有解釋，只是直接拿來用，生硬的很。給人的感覺只要你用多了就會了，先用後理解。如果這邏輯行的通的話，後面的學習課外要花很多時間來練習鞏固了。對於html的註釋還是用java慣用的註釋方法//。
對了上午感覺敲代碼的速度有點慢，除非在格式上用復制粘貼，因為代碼有很多雷同的地方，把不同的地方理解了，應該問題不大。還出現了字母敲錯的問題，就是單詞拼錯，這種問題以後要盡量避免。<html> <head>
<html>
<head>
<title>Form表單處理</title> //表單用於向服務器傳輸數據。form元素是塊級元素，其前後會產生折行。 </head> <body> <form action="" method="" > // form標簽的格式 eg: <form action="form_action.asp" method="get">
//action 值為 URL 規定當提交表單時向何處發送表單數據
//method 值為get post 規定用於發送form-data的HTTP方法 <p> 用戶名： //文本域（Text fields） <input type="text" name="uname"/> //表單能夠包含input元素，比如文本字段、復選框、單選框、提交按鈕等等 <p/> <p> 密 ；碼： // ； 空格 密碼域 <input type="password"name="upass"/> </p> <p> 所在城市： <select name="city"> //簡單的下拉列表 <option value="上海">上海</option> <option value="北京">北京</option> <option value="廣州">廣州</option> </select>
</p>
<p>
指定預選值的下拉列表： //另一個下拉列表（註：預選值指指定預先指定的首選項。）
<select name="city">
<option value="巴黎">巴黎</option>
<option value="紐約">紐約</option>
<option value="上海" selected="selected">上海</option> //下拉項中 上海 為指定首選項
</select>
</p> </p> <p> 性別: //單選按鈕 <input type="radio" checked="checked" name="sex" value="男" />男 <input type="radio" name="sex" value="女" />女 </p> <p> 愛好: //復選框 <input type="checkbox" name="hobby" value="籃球" />籃球 <input type="checkbox" name="hobby" value="足球" />足球 <input type="checkbox" name="hobby" value="羽毛球" />羽毛球 </p> <p> 文件上傳: //文件上傳 <input type="file" name="file"/ > </p> <p> <!--d多行文本輸入框--> //多行文本域 字符數不受限制 <textarea cols="30" rows="5" readonly="readonly">閱讀協議</textarea> //指定文本框架的顯示大小
//表單還可以包含menus、textarea、fieldset、legend和label元素
</p> <p> <!--圖片按鈕--> //圖片按鈕 <input type="image" src="圖片/IMG_0095.JPG" width="150px" height="200px"> </p> <p> <input type="submit" value="數據提交" > <input type="reset" value="數據清空"> </p> <p> //創建按鈕 <input type="button" value="我愛你的按鈕"/> </p>
<p> //電郵 姓名：<br/> <input type="text" name="name" value="yourname" size="20"> <br/> 電郵：<br/> <input type="text" name="mail" vlaue="yourmail" size="40"> <br/> //size指表框的大小，即長度 內容：<br/> <input type="text" name="comment" vlaue="yourcomment" size="40"> <br/><br/> <input type="submit" value="發送"> <input type="reset" value="重置"> </p>
</form>
</body>
</html>
HTML-基礎-day03