<form> 的用途是什麼?
當網頁需要一個表單讓使用者填寫資料,就必需要使用<form>這個東西,並且搭配<input>、<select>或是<textarea>提供讓使用者輸入的欄位介面,<form>會將其填入的資料傳遞回伺服器端並存入資料庫。
<form> 常用的屬性有哪些?
屬性 |
描述 |
action |
指定要將表單送出至哪一個頁面處理 |
autocomplete |
表單裡的欄位是否啟用瀏覽器的自動帶入功能,預設為on,若不使用請設定成off |
enctype |
若有檔案上傳<input type="file">的需求,必需指定此屬性設為:multipart/form-data |
method |
選擇要使用POST還是GET的方式傳遞資料 |
target |
表單送出的目標,預設為_self,若有要指定傳送至<iframe>的話,請設為iframe的name |
<form> 的表單範例,通常還需要使用submit來將表單送出。
<form action="xxx.php" method="post">
姓名:<input type="text" name="user_name" /><br>
年齡:<input type="text" name="age" /><br>
性別:<select name="sex"><option>男生</option><option>女生</option></select><br>
備註:<textarea name="note" style="width:100%" rows="5"></textarea><br>
<input type="submit" value="送出" />
</form>