html5定義表單的標籤是什麼
Jul 26, 2022 pm 04:26 PM
html5
表單標籤
form
html5定義表單的標籤是「
」。 form表單中可包含一個或多個表單元素,例如input、select、textarea。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html5定義表單的標籤是「
html5 form表單
form標籤用於建立供使用者輸入的HTML表單(表單網域),以實現使用者資訊的收集與傳遞,form中的所有內容都會提交給伺服器。
form表單域中可以包含各種互動控制項--控制項標籤(文字欄位、複選框、單選框、提交按鈕等等),例如、、< ; select>、等標籤。
<form action="提交地址" method="提交方式" name="表单名称"> 各种表单控件 </form>
登入後複製
method提交方式常用的4種:
get 一般用来查询信息 post 一般用来新增信息 put 一般用来修改信息 delete 一般用来删除信息
登入後複製
控制項標籤:
input標籤
- input 輸入的意思
<input />
標籤為單一標籤- type屬性設定不同的屬性值用來指定不同的控制項類型
- 除了type屬性還有別的屬性
type="text"為普通輸入框value為裡面的值name和id會在寫js的時候用
<form action="url地址" method="提交方式" name="表单名称"> <input type="text" name="" id="" value="你好"> </form>
登入後複製
input標籤的一些屬性:
checked屬性只有單選框和複選框才有
屬性 | 屬性值 | 描述 |
---|---|---|
type | ##Text#單行文字輸入框 | |
密碼輸入方塊 | ||
單選按鈕 | ||
##複選框 | ||
Button | 普通按鈕 | |
## Submit | 提交按鈕||
#Reset | 重設按鈕||
#Image | 圖像形式的提交按鈕||
File | 文字域name | |
#空間的名稱 | ||
input控制項中的預設文字值 | ||
input控制項在頁面中的顯示寬度 | ||
#定義選擇空間預設被選取的項目 | ||
控制項允許輸入的最多字元數 |
<input type="password" name="" id="" value="">
登入後複製
<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定義表單的標籤是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
兩個點博物館:邦格荒地地點指南
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
兩個點博物館:邦格荒地地點指南
4 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)