<listing id="z3xzv"><menuitem id="z3xzv"><meter id="z3xzv"></meter></menuitem></listing>
<address id="z3xzv"></address>
<noframes id="z3xzv"><address id="z3xzv"><listing id="z3xzv"></listing></address>

    <address id="z3xzv"><address id="z3xzv"><listing id="z3xzv"></listing></address></address><form id="z3xzv"><listing id="z3xzv"><meter id="z3xzv"></meter></listing></form><form id="z3xzv"></form><form id="z3xzv"><listing id="z3xzv"><meter id="z3xzv"></meter></listing></form>
    <noframes id="z3xzv">

    <form id="z3xzv"></form>
    溫馨提示×

    html中的from標簽的作用介紹

    發布時間:2022-09-16 13:49:46 來源:億速云 閱讀:81 作者:栢白 欄目:web開發

    今天小編給大家分享的是html中的from標簽的作用介紹,相信很多人都不太了解,為了讓大家更加了解,所以給大家總結了以下內容,一起往下看吧。一定會有所收獲的哦。

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

    html5 form標簽

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

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

    <form>標簽語法格式

    <form action="提交地址" method="提交方式" name="表單名稱">
      各種表單控件
    </form>
    • name:只是給該表單命名,用于js技術使用。

    • action:設定表單數據提交給哪個文件,用于后端技術(比如php)來接受并處理數據

    • method: 設定數據提交方式,用于根據不同的數據需求來選擇合適的提交(傳送)方式

    method提交方式常用的4種:

    get    		一般用來查詢信息
    post		一般用來新增信息
    put      	一般用來修改信息
    delete		一般用來刪除信息

    post和get區別:

    • 數據提交方式,get把提交的數據url可以看到,post看不到

    • get一般用于提交少量數據,post用來提交大量數據

    • get最多提交1K數據,post理論上沒有限制

    • get提交的數據在瀏覽器歷史記錄中,安全性不好

    一個完整的表單包含三個基本組成部分:表單標簽、表單域、表單按鈕。

    1、表單標簽

    是指form標簽本身,它是一個包含表單元素的區域,使用定義

    2、表單域

    是標簽中用來收集用戶輸入的每一項,通常用input標簽來定義,input標簽有不同的類型,對應用戶不同的數據。(比如:文本域、下拉列表、單選框、復選框等等)

    3、表單按鈕

    用來提交表單中的所有信息到服務器

    *表單域和表單按鈕都屬于表單元素。

    單行文本框<input type="text" >默認值是type="text"

    密碼框<input type="password"/> 

    單選按鈕<input type="radio" name=""/>

    復選框<input type="checkbox"/>

    隱藏域<input type="hidden"/>

    文件上傳<input type="file"/>

    下拉框<select>標簽

    多行文本<textarea></textarea>

    提交按鈕<input type="submit"/>

    普通按鈕<input type="button"/>

    重置按鈕<input type="reset"/>

    控件標簽:

    input標簽

    • input 輸入的意思

    • <input />標簽為單標簽

    • type屬性設置不同的屬性值用來指定不同的控件類型

    • 除了type屬性還有別的屬性

    type="text"為普通輸入框 value為里面的值 name和id會在寫js的時候用

        <form action="url地址" method="提交方式" name="表單名稱">
            <input type="text" name="" id="" value="你好">
        </form>

    html中的from標簽的作用介紹

    input標簽的一些屬性:

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

    屬性屬性值描述
    typeText單行文本輸入框

    Password密碼輸入框

    Radio單選按鈕

    Checkbox復選框

    Button普通按鈕

    Submit提交按鈕

    Reset重置按鈕

    Image圖像形式的提交按鈕

    File文本域
    name
    空間的名稱
    value
    input控件中的默認文本值
    size
    input控件在頁面中的顯示寬度
    checked
    定義選擇空間默認被選中的項
    Maxlength
    控件允許輸入的最多字符數

    密碼框

    <input type="password" name="" id="" value="">

    html中的from標簽的作用介紹

    單選框

    name相同的單選框智能選擇一個

            男 <input type="radio" name="gender" id="" value=""> 
            女 <input type="radio" name="gender" id="" value="">

    html中的from標簽的作用介紹

    復選框

    多選框可以選取多個

            愛好: <br> 
            抽煙<input type="checkbox" name="hobby" id="" value=""> 
            喝酒<input type="checkbox" name="hobby" id="" value=""> 
            燙頭<input type="checkbox" name="hobby" id="" value="">

    html中的from標簽的作用介紹

    按鈕

    普通按鈕可以根據需求來用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>

    html中的from標簽的作用介紹

    下拉框標簽

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

            <select name="省市區" id="">
                <option value="">山東</option>
                <option value="">北京</option>
                <option value="">江蘇</option>
                <option value="">深圳</option>
                <option value="">上海</option>
            </select>

    html中的from標簽的作用介紹

    關于html中的from標簽的作用介紹就分享到這里了,希望以上內容可以對大家有一定的參考價值,可以學以致用。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。

    推薦閱讀:html中section標簽的作用

    免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

    主題地圖

    日本亚洲一区二区
    <listing id="z3xzv"><menuitem id="z3xzv"><meter id="z3xzv"></meter></menuitem></listing>
    <address id="z3xzv"></address>
    <noframes id="z3xzv"><address id="z3xzv"><listing id="z3xzv"></listing></address>

      <address id="z3xzv"><address id="z3xzv"><listing id="z3xzv"></listing></address></address><form id="z3xzv"><listing id="z3xzv"><meter id="z3xzv"></meter></listing></form><form id="z3xzv"></form><form id="z3xzv"><listing id="z3xzv"><meter id="z3xzv"></meter></listing></form>
      <noframes id="z3xzv">

      <form id="z3xzv"></form>