html 表單1
阿新 • • 發佈：2018-12-23
form 標籤
建立一個表單，就要把各種表單標籤放在 <form> </form> 標籤內部
語法： <form> 表單各種標籤 </form>
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <form> <input type="text" value="這是一個文字框"> <br> <textarea></textarea> <br> <select > <option >HTML</option> <option >CSS</option> </select> </form> </body> </html>
form 標籤屬性
name： 區分表單，避免在後臺程式中出現混亂
語法：
<form name="表單名稱">
...
</form>
不能包含特殊字元和空格
action: 用於指定表單資料提交到哪個地址進行處理
語法：
<form action="表單處理程式">
...
</form>
表單處理程式是表單要提交的地址，這個程式地址用來處理從表單蒐集的資訊
這個地址可以是相對地址，也可以是絕對地址，還可以是一些其他形式的地址
method: 告訴瀏覽器表單中的資料使用哪一種 HTTP 提交方法， 取值為 get 或 post
語法：
<form method="傳送方法">
...
</form>
get: 預設值，表單資料被傳到 action 屬性指定的 URL ，然後這個新的 URL 被送到處理程式上
post: 表單資料被包含在表單主體中， 然後被傳送到處理程式上
target: 跟 a 標籤的 target 一樣, 都是採用指定視窗的開啟方式
語法：
<form target="目標顯示方式">
...
</form>
_self 預設方式，在當前視窗開啟連結 _blank 在一個全新的空白視窗中開啟連結 _top 在頂層框架中開啟連結 _parent 在當前框架的上一層開啟連結
編碼方式：enctype 屬性用於設定表單資訊提交的編碼方式
application/x-www-form-urlencoded ： 預設編碼方式
multipart/form-data ： MIME 編碼，對於 “上傳檔案” 這種表單必須選擇該值
語法：
<form enctype="multipart/form-data">
...
</form>