標籤：html（表單）
1 <!DOCTYPE html>
2 <html>
3 <head>
4<meta charset="utf-8">
5<title>表單</title>
6<link rel="stylesheet" type="text/css" href="">
7 </head>
8 <body>
9 <!-- 表單:form
10 method:方式、方法，常用的有post,get
11 post資訊容量更大，資訊加密
12 get資訊容量小，不加密，傳遞資訊是明文
13 get:地址欄方式/url方式/連結方式
14 action指定了接受資訊的檔案
15 -->
16<form method="post" action="">
17 <!-- 文字框 text
18 type="種類" 必須填寫
19 name="名字" 必須填寫
20 value="值" 真正傳過去的東西
21 label：點擊自動擷取焦點
22 placeholder：佔位說明
23 submit:提交
24 在 HTML 中不能使用小於符號（<）和大於符號（>），這是因為瀏覽器會誤認為它們是標籤 25 如果希望正確地顯示預留字元，我們必須在 HTML 原始碼中使用字元實體（character 26 entities）。如需顯示小於符號，我們必須這樣寫：< 或 < 或 <
27 -->
28 <label for="nick">暱稱:</label><input type="text" name="nick" value="" 29 placeholder="請輸入暱稱">
30 <br>
31 <label for="pass">密碼:</label><input type="password" name="pass" 32 placeholder="請輸入密碼">
33 <br>
34 <!--提交按鈕 -->
35<input type="submit">
36 <br>
37 <!-- 選項按鈕
38 name ：一組內的一定要一樣，否則會多選
39 -->
40 性別:<input type="radio" name="sex" value="male">男
41<input type="radio" name="sex" value="female">女
42 <br>
43 <!-- 多選按鈕
44一組內的name一定要一樣
45 -->
46 愛好:<input type="checkbox" name="hobby" value="film">看電影
47 <input type="checkbox" name="hobby" value="eat">吃
48<input type="checkbox" name="hobby" value="game">遊戲
49<input type="checkbox" name="hobby" value="book">讀書
50 <!-- 文本域
51textarea
52rows:行數（高度）
53cols:列數（寬度）
54 -->
55<textarea name="detail" value="" rows="10" cols="150" >
56 yiashubn
57</textarea>
58 <br>
59 <!-- 下拉式清單 -->
60地點:
61<select name="area">
62 <option value="">請選擇地點</option>
63 <option value="1">河北區</option>
64 <option value="2">南開區</option>
65 <option value="3">河東區</option>
66 <option value="4">紅橋區</option>
67</select>
68</form>
69 </body>
70 </html>
650) this.width=650;" src="http://s1.51cto.com/wyfs02/M01/89/09/wKioL1gF75SBx7__AABQHGacSUk475.png-wh_500x0-wm_3-wmp_4-s_3204200174.png" title="捕獲.PNG" alt="wKioL1gF75SBx7__AABQHGacSUk475.png-wh_50" />
本文出自 “12145704” 部落格，請務必保留此出處http://12155704.blog.51cto.com/12145704/1863128
html（表單）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
