<form action=” ” method=” post”></form>

action=” ”將表單提交到對應地址

Method=” get/post” 提交方式

get獲取

post傳輸

表單控制元件

1.單行文字輸入框

<input type=”text”>

type型別  text文字

2.密碼password (隱藏)

<input type=”password”>

3.單選按鈕 radio

<input type=”radio”>

單選按鈕實現多選一，設定同一個name值

<input type=

4.多選框 複選框checkbox

 <input type=”checkbox”>

預設選中checked=”checked”

check檢票 box盒子

5.上傳檔案 file

<input type=“file”>

6.下拉框 select

<select>

 <option></option>

 <option></option>

 <option></option>

</select>

Option 選項

Selected 下拉框預設選中

下拉框多項展示multiple=”multiple”

7.多行文字框 textarea /泰克斯哎惹/

<textarea></textarea>

<textarea  placeholder=”只能發兩個字”

Maxlength=”2” cols=”40” rows=”3”></textarea>

cols控制多行文字框的寬度，一行多少個字

rows控制多行文字的高度，幾行字

如何實現表單提交

1.<form action=”提交地址”></form>

2.提交按鈕<button type=”submit”>提交</

Button>(button寫到form裡

H5 input的新增屬性

<input type=”range” />範圍

<input type=”search” />搜尋框

<input type=”datetime-local” />本地日期時間

表單屬性

1.提示資訊placeholder

2.值 value

3.必填項required=”required”

4.最大字元限制maxlenght=”4”

5.禁用disabled=”disabled”

6.只讀readonly=”readonly”