HTML第三章：表單

tanglijun 發布于2019-04-23 13:30 / 1463人閱讀

摘要：第三章表單表單標簽相當于一張記錄用戶信息的單子常用屬性表單的提交方式，常用的值有兩個安全提交方式非安全提交方式舉例設置表單提交到哪舉例提交到的頁面地址表單中包含表單元素標簽，用來讓用戶輸入內容需要注意表單元素要寫在標簽之間，不要寫在外面常用

第三章：表單

表單標簽form:

//相當于一張記錄用戶信息的單子
??? 常用屬性：method:表單的提交方式，常用的值有兩個
?????????????????? （1）post:安全提交方式
?? ??? ??????????? （2）get:非安全提交方式
??? 舉例：

表單中包含表單元素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）年
??? ?????? 列表框，通過下拉框選擇列表項，提交的時候提交的是value值，通過設置列表項的selected屬性來設置默認選中項

?? （8）圖片按鈕
????? 讓按鈕變成圖片的樣子，點擊會提交表單

?? （9）普通按鈕
????? 一個沒有任何作用的按鈕，以后會很常用
????? 注意：不設置type屬性的話，默認type屬性為text

?? （10）文本域，可以顯示多行內容或者輸入

?? （11）文件域，可以選擇一個文件上傳
?????? 上傳文件還需要設置form標簽中的enctype屬性為multipary/form-data.

?? （12）郵箱框，必須輸入一個正確的郵箱格式才可以提交表單
?????? 錯誤會有提示

?? （13）網址框，必須輸入一個完整的網址，列如:http://www.baidu.com
? ?
?? （14）數字框，只能輸入數字，
?????? 輸入其他字符就提交不了表單。
? ?
?? （15）滑塊，可以左右滑動
?
?? （16）搜索框，不同瀏覽器會有你不同的樣式顯示

?? （17）可以選擇顏色

?? （18）格式為時間格式的輸入框

表單初級驗證：placehoder提示內容,require非空判斷
??? ???????????????????? pattern正則表達式驗證
???????? 栗子：
????????????? ? ?? //這個輸入框提交時不能為空
?

表單的高級應用：
? ?? ? 隱藏域：
?? ??? ? ? ? ? ?? 隱藏域是用戶看不到的內容,可以用來區分表單，

?? ? ? 只讀：
?? ??? ? ? ? ? ?? 設置只讀屬性之后,輸入框內容不能被更改
?? ??? ? ? ? ? ?? 但是會獲取光標,也可以被選中

?? ??? 禁用：
?? ??? ??????? ?? 設置禁用屬性之后，元素不能使用，變灰不能獲取光標，不可選中

?? ?? 表單標注：點擊文字時，相對應的表單元素獲取焦點，增強鼠標的可用性
??? ??? ? ?? 栗子：
??? ??? ? ?
?? ??? ? ? 注意：for屬性里面要寫相對應元素的id值

云服務器 GPU云服務器 html表單樹形表單 html html 表單驗證 html 表單編輯

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1978.html

html標簽簡介（常用）

摘要：比如等行內標簽可以多個標簽共同占用一行的標簽。標準模式，瀏覽器使用的標準解析渲染頁面。顯示結果這個文本包含下標文本。表單提交項的值。表單還可以包含和標簽。html常識什么是HTML htyper text markup language ?即超文本標記語言超文本: 就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。標記語言: 標記（標簽）構成的語言. 網頁==HTML文...

Travis 2019-04-23 13:25 評論0 收藏0
HTMl基礎

摘要：每個表格均有若干行由標簽定義，每行被分割為若干單元格由標簽定義。字母指表格數據，即數據單元格的內容。數據單元格可以包含文本圖片列表段落表單水平線表格等等。表格最重要的目的是顯示表格類數據。規定在提交表單時所用的方法默認。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

番茄西紅柿 2019-04-23 13:42 評論0 收藏0
HTML知識梳理（筆記）

摘要：標簽位于文檔的頭部，不包含任何內容。這其中包括標簽中的。參考鏈接默認樣式問題處理瀏覽器的默認樣式。讓瀏覽器知道元素的合法性。屬于，是進行嚴格化的結果。機器容易理解結構搜索讀屏軟件有助于優化。是中的，是可以通過進行更改的，是活的。 HTML常見元素 showImg(https://segmentfault.com/img/bVbdnq2?w=861&h=365); meta 定義和用法 ...

amc 2019-08-02 10:51 評論0 收藏0