目錄
html5 form表單
控制項標籤:
input標籤
登入後複製
" >
登入後複製
#name相同的單選框智慧選擇一個
多選方塊可以選取多個
普通按鈕可以依照需求來用js加入功能
下拉框標籤有點特殊,不是input的屬性而是一個單獨的標籤
首頁 web前端 前端問答 html5定義表單的標籤是什麼

html5定義表單的標籤是什麼

Jul 26, 2022 pm 04:26 PM
html5 表單標籤 form

html5定義表單的標籤是「

」。 form標籤用於建立供使用者輸入的HTML表單(表單域),以實現使用者資訊的收集和傳遞,form中的所有內容都會提交給伺服器;語法「
表單控制項
」。 form表單中可包含一個或多個表單元素,例如input、select、textarea。

html5定義表單的標籤是什麼

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

html5定義表單的標籤是「

」。

html5 form表單

form標籤用於建立供使用者輸入的HTML表單(表單網域),以實現使用者資訊的收集與傳遞,form中的所有內容都會提交給伺服器。

form表單域中可以包含各種互動控制項--控制項標籤(文字欄位、複選框、單選框、提交按鈕等等),例如、、&lt ; 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>
登入後複製

html5定義表單的標籤是什麼

input標籤的一些屬性:

checked屬性只有單選框和複選框才有

##Text#單行文字輸入框Password密碼輸入方塊Radio單選按鈕#Checkbox提交按鈕重設按鈕圖像形式的提交按鈕文字域namesizecheckedMaxlength##密碼方塊
屬性屬性值描述
type



##複選框

Button
普通按鈕
## Submit
#Reset
#Image
File
#空間的名稱

input控制項中的預設文字值

input控制項在頁面中的顯示寬度

#定義選擇空間預設被選取的項目

控制項允許輸入的最多字元數

<input type="password" name="" id="" value="">
登入後複製

html5定義表單的標籤是什麼單選框

#name相同的單選框智慧選擇一個

        男 <input type="radio" name="gender" id="" value=""> 
        女 <input type="radio" name="gender" id="" value="">
登入後複製

html5定義表單的標籤是什麼複選框

多選方塊可以選取多個

        爱好: <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>
登入後複製

html5定義表單的標籤是什麼#下拉方塊標籤

下拉框標籤有點特殊,不是input的屬性而是一個單獨的標籤

        <select name="省市区" id="">
            <option value="">山东</option>
            <option value="">北京</option>
            <option value="">江苏</option>
            <option value="">深圳</option>
            <option value="">上海</option>
        </select>
登入後複製

#相關推薦:《html5定義表單的標籤是什麼html影片教學

以上是html5定義表單的標籤是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

HTML 中的巢狀表

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 中的表格邊框

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

在 HTML 中移動文字

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符

See all articles