html表單的使用方法

html表單是一個包含表單元素的區域，用來收集使用者輸入的內容並提交，表單使用<form>標籤設定。

1.表單屬性

action:規定當提交表單時，向何處傳送表單資料，表單提交的地址。
method：定義瀏覽器將表單中的資料提交給伺服器處理程式的方式，有get和post兩種。
name:表單名稱，name屬性是和伺服器通訊時使用的名稱。

get和post區別
get方法會把資料組裝，連線在url上傳送到後臺，post 方法url不會變，但資料會傳送到後天，post方法要比get方法安全性高；get提交的資料有限，post沒有限制。

2.表單元素

• 單行文字框<input type="text">

<input type = "text" name="名稱" />

• 單選框<input type="radio">

<input type="radio" name="sex" value="" />
<input type="radio" name="sex" value="" />

• 核取方塊<input type="checkbox">

<input type ="checkbox" name="hobby" value="" />
<input type ="checkbox" name="hobby" value="" />
<input type ="checkbox" name="hobby" value="" />

• 上傳檔案<input type="file">

<input type="file" name="myfile" accept="image/png">

• 提交<input type="submit">

<input type="submit" value="Submit" /> 提交

• 隱藏域<input type="hidden">

<input type="hidden" name="csrf" value="12345623fafdffdd">

• 重置按鈕<input type="reset">

<input type="reset" value="Reset" /> 重置

• 下拉框<select></select>

<select name="city">
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="hangzhou">杭州</option>
</select>

• 多行文字<textarea></textarea>

<textarea name="article">
</textarea>