<tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
    <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
    <em id="fuft6"><acronym id="fuft6"></acronym></em>
          <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>
          首頁技術文章正文

          HTML表單有哪些屬性?表單屬性簡介

          更新時間:2021-09-27 來源:黑馬程序員 瀏覽量:

          好口碑IT培訓

          表單擁有多個屬性,通過設置表單屬性可以實現提交方式、自動完成、表單驗證等不同的表單功能。下面將對表單標記的相關屬性進行講解

          1.action屬性

          在表單收集到信息后,需要將信息傳遞給服務器進行處理,action屬性用于指定接收并處理表單數據的服務器程序的url地址。例如:

          <form action="form action.asp">

          表示當提交表單時,表單數據會傳送到名為"form_action.asp',的頁面去處理。
          action的屬性值可以是相對路徑或絕對路徑,還可以為接收數據的E-mail地址。例如:

          <form action=mailto:htmlcss@1 63.com>表示當提交表單時,表單數據會以電子郵件的形式傳遞出去。


          2.method屬性
          method屬性用于設置表單數據的提交方式,其取值為get或post。在HTML5中,可以通過<form>標記的method屬性指明表單處理服務器處理數據的方法,示例代碼如下:

          <form action="form action. asp" method="get">

          在上面的代碼中,get為method屬性的默認值,采用get方法,瀏覽器會與表單處理服務器建立連接,然后直接在一個傳輸步驟中發送所有的表單數據。
          如果采用post方法,瀏覽器將會按照下面兩步來發送數據。首先,瀏覽器將與action屬性中指定的表單處理服務器建立聯系,然后瀏覽器按分段傳輸的方法將數據發送給服務器。
          另外,采用get方法提交的數據將顯示在瀏覽器的地址欄中,保密性差,且有數據量的限制。而post方式的保密性好,并且無數據量的限制,所以使用method="post"可以提交大量數據。


          3.name屬性
          name屬性用于指定表單的名稱,具有name屬性的元素會將用戶填寫的內容提交給服務器。

          4.autocomplete屬性
          autocomplete屬性用于指定表單是否有自動完成功能。所謂“自動完成”,是指將表單控件輸人的內容記錄下來,當再次輸人時,會將輸人的歷史記錄顯示在一個下拉列表里,以實現自動完成輸入。
          autocomplete屬性有兩個值,對它們的解釋如下。
          ①on:表單有自動完成功能。
          ②off:表單無自動完成功能。
          autocomplete屬性示例代碼如下:

          <form id="formBox" autocomplete="on">

          值得一提的是,autocomplete屬性不僅可以用于<form>標記,還可以用于所有輸人類型的<input/>標記。

          5.novalidate屬性
          novalidate屬性指定在提交表單時取消對表單進行有效的檢查。為表單設置該屬性時,可以關閉整個表單的驗證,這樣可以使<form>標記內的所有表單控件不被驗證,示例代碼如下:

          <form action="form_action.asp" method="get" novalidate="true">

          上述示例代碼對form標記應用“novalidate="true"” 樣式,來取消表單驗證。

          注意: <form>標記的屬性并不會直接影響表單的顯示效果。要想讓一個表單有意義,就必須在<form>與</form>之間添加相應的表單控件。


          猜你喜歡:

          表單的構成是什么?如何創建表單

          表格標簽的特性,如何在HTML網頁中創建表格

          CSS怎樣控制表格單元格的寬高?

          黑馬程序員web前端開發課程

          在線咨詢 我要報名
          和我們在線交談!

          黄色网站片

          <tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
            <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
            <em id="fuft6"><acronym id="fuft6"></acronym></em>
                  <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>