HTML的表單介紹

這篇文章要跟大家介紹的文章內容是關於HTML的表單介紹、表格和媒體元素的介紹，有很好的參考價值，希望可以幫助到有需要的朋友。

表單標籤form:

//相當於一張記錄使用者資訊的單子
    常用屬性：method:表單的提交方式，常用的值有兩個
                  （1）post:安全提交方式
              from>
                     action:設定表單提交到哪
    範例:

表單中包含表單元素inout標籤，用來讓使用者輸入內容
要注意表單元素要寫在form標籤之間，不要寫在form外面
常用的表單元素：
   （1）:文字框，可以輸入內容
            表單元素也可設定預設值value屬性：value="123"
   （2） 元素一定要設定name屬性，name屬性用來識別表單元素的名稱
   （3）:提交按鈕，點擊後會提交表單
表單元素透過type設定是什麼類型的輸入框或按鈕
   （4）：重設按鈕， 點選會讓表單中的輸入框回到初始狀態
   (5): 單選按鈕，
            同一組單一選擇按鈕只能選擇一個，使用name來分組，例如性別：name都是sex，如果name值不同，表示不是同組。提交的時候提交的是value值，
   （6） 多選框，使用name分組，可以多選，提交的時候提交的是value值
            ps: 單選按鈕和多重選擇按鈕可透過設定checked屬性設定預設選取項目

  （7）##">##; 列表項目1

              清單項目3

           

年
           列錶框，並以下拉方塊設定為預設值的項，以提交的時候提交給設定項值，透過設定的屬性設定為設定值的

  （8）圖片按鈕
      讓按鈕變成圖片的樣子，點選會提交表單
  （9）< ;input type="button" value="顯示文字"/>普通按鈕

      一個沒有任何作用的按鈕，以後會很常用

      注意：不設定type屬性的話，預設type屬性為text
#  （10）文字域，可以顯示多行內容或輸入
  （11）檔案域，可以選擇一個檔案上傳
       上傳檔案也需要設定form標籤中的enctype屬性為multipary/form-data.
  （12)郵箱框，必須輸入一個正確的郵箱格式才可以提交表單
       錯誤會有提示

  （13）網址框，必須輸入完整的網址，列如:http://www.baidu.com  
  （14）數字框，只能輸入數字，
       輸入其他字元就提交不了表單。
   （15）滑塊，可以左右滑動
   （16）搜尋框，不同瀏覽器會有你不同的樣式顯示
  （17）可以選擇顏色
  （18）格式為時間格式的輸入框
表單初級驗證：placehoder提示內容,require非空白判斷
                 type="text " placehoder="請輸入姓名"/>
                   //這個輸入框提交時不能為空

表單的高級應用：

       隱藏域：
                 ：
                  設定唯讀屬性之後,輸入方塊內容物不能改變#     ;input type= "text" disabled/>
                  設定為停用屬性之後，元素不能使用，變灰不能取得遊標，且不可選取
     單一標註：點選文字時，相對應可使用的表單元素元表：點擊文字時，相對應可使用的元素元素
             栗子：
            <元素的id值

相關推薦：


HTML中清單、表格與媒體元素的介紹

HTML的格式及標籤介紹

以上是HTML的表單介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！