HTML5中form表單標籤用法詳解

小云云
發布: 2018-03-05 14:50:03
原創
2555 人瀏覽過

本文主要和大家分享HTML5中form表單標籤用法詳解,會以程式碼實例來和大家分享form的用法,希望能幫助大家。

語法:

講解:1.是成對出現的,以開始, 以

結束,表單都必須放在其之間。

  2.method 傳送方式,  get/post  是後端程式設計師考慮的問題

##  3.action  瀏覽者輸入的資料被傳送到的地方,例如一個php頁面, (save.php)  

  1. #< form    method#="post"   #action#="save.php">  

  2. ##        

    #<label for#="username">使用者名稱:label#>  

  3.         #輸入 類型#=#」文字」 名稱=「使用者名稱」 #/>   

  4. #        #for##="pass">程式碼:#label >   

  5.         

    ############################# ######型別######=######"密碼"###### #######名稱######=######"透過「#### ## ######/>######  ###########
  6. form#>  

文字輸入框,密碼輸入框

當使用者需要在表單中鍵入字母,資料等,就要用到文字輸入框,文字輸入框也可以轉換為密碼輸入框

語法:

  1. <form>  

  2. #    <input  type = #"text/password" name

  3. ## = 

    "名稱" value# = "文字"## 

  4. />

  

#######  #########################講解:1.type :################################################################################# ###當type 為text時,為文字輸入框###

當type 為password 時, 為密碼輸入框

#2.name :為文字方塊命名,以備後台asp php使用

#3.value :為文字輸入框設定預設值(一般起提示作用)

  1. >#  

  2. < html>  

  3. #< head>  

  4. #    < meta http-equiv=#"Content-Type" content#="text/html; charset=utf-8"#>  

  5.     <title>文字輸入方塊、密碼輸入方塊title>  

  6. ##< ;/head>  

  7. <body>  

  8. #< ##form

      
  9. method

    =

    #"post"###### ######action#################################################################### #=######"save.php"######>######  ####################    帳號: ######

  10.     輸入 類型 = #」文字」 姓名 = 「我的名字」 ##/>   

  11. #    br /> ;  

  12. ##    密碼:  

  13.    # #<輸入 類型# = 「密碼」  name = "pass"/>  

  14. #形式>  

  15. body#>  

  16. #html>  




#。 ##「結果:帳號:  cover 


####################### ###############文字域:支援多行文字輸入##########當使用者需要在表單中輸入大段文字時,就要用到文字輸入領域######語法:############<######textarea###### ######rows###### = ######"行數"###### ######cols####### = ######"列數"###### ##### ##>###### 文本  #############  ########## #########講解:1.文字輸入域以結束###############2.rows: 輸入文字輸入域的行數############3.cols : 輸入文字輸入域的列數############4.在