html5定義表單的標簽是哪個

本文小編為大家詳細介紹“html5定義表單的標簽是哪個”，內容詳細，步驟清晰，細節處理妥當，希望這篇“html5定義表單的標簽是哪個”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

html5定義表單的標簽是“<form>”。form標簽用于創建供用戶輸入的HTML表單（表單域），以實現用戶信息的收集和傳遞，form中的所有內容都會被提交給服務器；語法“<form action="提交地址" method="提交方式" name="表單名稱">表單控件</form>”。form表單中可包含一個或多個表單元素，比如input、select、textarea。

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

html5定義表單的標簽是“<form>”。

html5 form表單

form標簽用于創建供用戶輸入的HTML表單（表單域），以實現用戶信息的收集和傳遞，form中的所有內容都會被提交給服務器。

form表單域中可以包含各種交互控件--控件標簽（文本字段、復選框、單選框、提交按鈕等等），比如< input>、< button>、< select>、< textarea>等標簽。

<form>標簽語法格式

    <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屬性只有單選框和復選框才有

密碼框

<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>

讀到這里，這篇“html5定義表單的標簽是哪個”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。