html5定義表單的標籤是「<form>」。form標籤用於建立供使用者輸入的HTML表單(表單域),以實現使用者資訊的收集和傳遞,form中的所有內容都會被提交給伺服器;語法「<form action="提交地址" method="提交方式" name="表單名稱">表單控制元件</form>」。form表單中可包含一個或多個表單元素,比如input、select、textarea。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html5定義表單的標籤是「<form>」。
form標籤用於建立供使用者輸入的HTML表單(表單域),以實現使用者資訊的收集和傳遞,form中的所有內容都會被提交給伺服器。
form表單域中可以包含各種互動控制元件--控制元件標籤(文字欄位、核取方塊、單選框、提交按鈕等等),比如< input>、< button>、< select>、< textarea>等標籤。
<form>標籤語法格式
<form action="提交地址" method="提交方式" name="表單名稱"> 各種表單控制元件 </form>
method提交方式常用的4種:
get 一般用來查詢資訊 post 一般用來新增資訊 put 一般用來修改資訊 delete 一般用來刪除資訊
<input />
標籤為單標籤type="text"為普通輸入框 value為裡面的值 name和id會在寫js的時候用
<form action="url地址" method="提交方式" name="表單名稱"> <input type="text" name="" id="" value="你好"> </form>
input標籤的一些屬性:
checked屬性只有單選框和核取方塊才有
屬性 | 屬性值 | 描述 |
---|---|---|
type | Text | 單行文字輸入框 |
Password | 密碼輸入框 | |
Radio | 無線電鈕 | |
Checkbox | 核取方塊 | |
Button | 普通按鈕 | |
Submit | 提交按鈕 | |
Reset | 重置按鈕 | |
Image | 影象形式的提交按鈕 | |
File | 文字域 | |
name | 空間的名稱 | |
value | input控制元件中的預設文字值 | |
size | input控制元件在頁面中的顯示寬度 | |
checked | 定義選擇空間預設被選中的項 | |
Maxlength | 控制元件允許輸入的最多字元數 |
<input type="password" name="" id="" value="">
name相同的單選框智慧選擇一個
男 <input type="radio" name="gender" id="" value=""> 女 <input type="radio" name="gender" id="" value="">
多選框可以選取多個
愛好: <br> 抽菸<input type="checkbox" name="hobby" id="" value=""> 喝酒<input type="checkbox" name="hobby" id="" value=""> 燙頭<input type="checkbox" name="hobby" id="" value="">
普通按鈕可以根據需求來用js新增功能
提交按鈕會把輸入的表單資訊提交到form表單的action地址
重置按鈕會把表單資訊重置為預設
<form action="url地址" method="提交方式" name="表單名稱"> <input type="button" name="" id="" value="我是一個普通按鈕"> <input type="submit" name="" id="" value="我是一個提交按鈕"> <input type="reset" name="" id="" value="我是一個重置按鈕"> </form>
下拉框標籤有點特殊,不是input的屬性而是一個單獨的標籤
<select name="省市區" id=""> <option value="">山東</option> <option value="">北京</option> <option value="">江蘇</option> <option value="">深圳</option> <option value="">上海</option> </select>
相關推薦:《html視訊教學》
以上就是html5定義表單的標籤是什麼的詳細內容,更多請關注TW511.COM其它相關文章!