表單應用
表單的構成：
一個完整的表單通常需要表單控件也稱為表單元素，提示信息和表單域3個部分構成。
表單控件：包括了具體的表單功能項，如單行文本輸入框、密碼輸入框、復選框、提交按鈕、搜索框。
提交信息：一個表單通常還需要包括一些說明性文字，提示用戶進行填寫和操作。
表單域：相當於一個容器，用來容納所有表單和提示信息，可以通過它定義、處理表單數據所用程序的url地址及數據提交到服務器的方法。如果不定義表單域，表單中的數據就無法傳達到后台服務器。
創建表單：
表單屬性
1.action屬性
在表單收集信息后，需要將信息傳遞到服務器處理，action屬性用於指定接受並處理表單數據的服務器程序的url地址
表單屬性
1.action屬性
在表單收集信息后，需要將信息傳遞到服務器處理，action屬性用於指定接受並處理表單數據的服務器程序的url地址
在HTML5中，<input>元素擁有多個type屬性值，用於定義不同的控件類型。
1.單行文本輸入框<inpit type="text"/>
單行文本輸入框用來輸入簡短的信息，如用戶名、賬號、證件號碼等，屬性有name、value、maxlenght。
2.密碼輸入框<input type="password">
密碼輸入框用來輸入密碼，其內容將以圓點的形式顯示
3.單選按鈕<input type="radio">
單選按鈕用於單項選擇，如選擇性別、是否操作等。需要注意的是，在定義單選按鈕時，必須為同一組中的選項指定相同的name值，這樣單選才會生效，也可以對單選按鈕應用checked屬性，指定默認選中項
4.復選框<input type="checkbox">
復選框多用於多項選擇，如選擇興趣、愛好等，可對其應用checked屬性，指定默認選中項
5.普通按鈕<input type="button">
普通按鈕常常配合javascript腳本語言使用
6.提交按鈕<input type="submit">
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="#"method=""post></form> 用戶名： <input type="text"value="張三"maxlenght="6"><br> 密碼： <input type="password"size="40"><br> 性別: <input type="radio" name="sex" checked="checked"/>男 <input type="radio" name="sex" />女 興趣： <input type="checkbox">唱歌 <input type="checkbox">跳舞 <input type="checkbox">游泳<br> 上傳頭像： <input type="file"><br> <input type="submit"> <input type="reset"> <input type="button" value="普通按鈕"> <input type="image"src="images/login.gif"> <input type="hidden"> </body> </html>
