首頁  >  文章  >  web前端  >  HTML的表單介紹

HTML的表單介紹

不言
不言原創
2018-07-28 09:44:541303瀏覽

這篇文章要跟大家介紹的文章內容是關於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)
           列錶框,並以下拉方塊設定為預設值的項,以提交的時候提交給設定項值,透過設定的屬性設定為設定值的

  (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/>
                  設定為停用屬性之後,元素不能使用,變灰不能取得遊標,且不可選取
     單一標註:點選文字時,相對應可使用的表單元素元表:點擊文字時,相對應可使用的元素元素
             栗子:

HTML的格式及標籤介紹

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

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