何謂表單？ 表單是html頁面中負責數據采集功能的部件，它往往由三個部分組成： 表單標簽：<form></form> 用於聲明表單的范圍，位於表單標簽中的元素將被提交。屬性有method，entype，action等 表單域：<input...../>包含了 包含了文本框，密碼框等多種類，屬性有type，name, value... type=text 文本框 type=password 密碼框 type=textarea文本區域 type=file文件上傳框 type=radid單選框 type=checkbox復選框 表單按鈕 提交按鈕 復位按鈕 一般按鈕 我們可以通過表單，將用戶輸入的數據提交給服務端，並交由服務端進行處理。 例子： <html> <head> <title>form表單</title> <meta charset="utf-8"> <script type="text/javascript" src="getValue.js"></script> </head> <body> <form name="form1"> <!--文本--> <input type="text" placeholder="text" name="text1" /> <!--密碼--> <input type="password" placeholder="password" name="password" /> <!--多行文本域--> <textarea placeholder="textarea" name="textarea" style="resize:none"></textarea> <!--文件上傳--> <input type="file" name="file"/> <!--單選框,注意name值一樣--> <input type="radio" name="option" value="option1"/>option1 <input type="radio" name="option" value="option1"/>option2 <!--復選框--> <input type="checkbox" name="check" value="option1"/>option1 <input type="checkbox" name="check" value="option2"/>option2 <input type="checkbox" name="check" value="option3"/>option3 <input type="submit" value="submit"/> <input type="reset" value="reset"/> <input type="button" value="button" onclick="getValue()"/> </form> </body> </html> javascrpt獲取表單的值 function getValue(){ var v1 = document.form1.text1.value; var arr = document.form1.check; alert(arr[0].value) }