HTML登錄檔單的簡易實現
阿新 • • 發佈：2020-08-14
程式碼示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>註冊</title> </head> <body> <form action="http://localhost:8080/html/register" method="post"> 使用者名稱 <input type="text" name="username" /><br> 密碼 <input type="password" name="userpwd" /><br> 確認密碼 <input type="password" /><br> 性別： 男<input type="radio" name="sex" value="男" /> 女<input type="radio" name="sex" value="女" /><br> 興趣愛好： 抽菸<input type="checkbox" name="hobby" value="smoke" /> 喝酒<input type="checkbox" name="hobby" value="drink" /> 燙頭<input type="checkbox" name="hobby" value="perm" /><br> 學歷： <select name="grade"> <option value="z">專科</option> <option value="b" selected>本科</option> <option value="y">研究生</option> </select><br> 簡介：<br> <!--文字域沒有value屬性，使用者填寫的就是value--> <textarea rows="10" cols="50" name="introduction"></textarea><br> <input type="submit" value="註冊" /> <input type="reset" value="清空" /> </form> </body> </html>
form表單method屬性：
1、get：採用get方式提交的時候，使用者提交的資訊會顯示在瀏覽器的位址列上。
<form action="http://localhost:8080/html/register" method="get">
位址列顯示：
http://localhost:8080/html/register?username=123&userpwd=123&sex=%E7%94%B7&hobby=smoke&hobby=drink&hobby=perm&grade=b&introduction=123
2、post：採用post方式提交的時候，使用者提交的資訊不會顯示在瀏覽器位址列上。
<form action="http://localhost:8080/html/register" method="post">
3、當用戶提交的資訊中含有敏感資訊，例如：密碼。建議採用post方式提交。
4、method屬性不指定，或者指定get，這種情況下都是get。
只有當method屬性指定為post的時候才是post請求。剩下所有的請求都是get請求。（預設為get）
5、post提交的資料格式和get還是一樣的，只不過不在位址列上顯示出來。