摘要:標簽定義表單表單元素表單包含表單元素。沃爾沃馬自達雪佛蘭奧迪定義待選擇的選項,列表通常會默認選擇第一個選項,可以使用屬性來定義預定義選項。馬自達定義多行輸入字段。屬性規定輸入字段允許的最大長度。內容連接類型個人靜態博客氣泡的前端日記
文章大綱來源:【Day 2】Form表單
HTML表單
表單元素
表單屬性
HTML5追加的表單元素
HTML表單HTML 表單用于搜集不同類型的用戶輸入。
標簽定義 HTML 表單:
表單元素HTML 表單包含表單元素。
表單元素指的是不同類型的:
input元素
復選框
單選按鈕
提交按鈕
等等
內容引用:HTML表單元素
最重要的表單元素。
元素根據不同的 type 屬性可以變化為多種形態。
text單行輸入框。
password字符掩碼處理的單行輸入框。
submit一個提交按鈕。
至于用哪個程序來處理提交的表單數據,在標簽中的action屬性中定義。
其中的value屬性定義按鈕上顯示的文字,缺省會顯示默認文本(中文環境下為“提交”)。
radio定義單選按鈕。
其中的name屬性非常重要,多個radio類型的只有在name屬性相同時才具有單選限制。
checkbox定義多選框,允許選0個或多個。
name屬性作用類似radio。
button定義按鈕。
和標簽的異同會在之后多帶帶的專題說明。
onclick定義觸發的方法
value定義按鈕顯示文字
file用于選取文件和上傳文件。
涉及到的時候會在之后多帶帶的專題說明。
reset定義重置按鈕,觸發后會清楚表單的所有數據。
定義下拉列表。
定義待選擇的選項,列表通常會默認選擇第一個選項,可以使用slected屬性來定義預定義選項。
定義多行輸入字段。
定義可點擊的按鈕。
表單屬性value(通用)
name(通用)
readonly(通用)
disable(通用)
type(重要)
checked(radio、checkbox,重要)
size
maxLength
內容引用:HTML Input 屬性
valuevalue屬性規定輸入字段的初始值,和按鈕的顯示文字。
readonlyreadonly屬性規定輸入字段只讀(不可修改)。
屬性不用賦值,等同于readonly="readonly"。
disableddisabled屬性規定輸入字段是禁用的(不可用和不可點擊)。
并且也不會被提交(與readonly不同)。
屬性不用賦值,等同于disabled="disabled"。
sizesize屬性規定輸入字段的尺寸(以字符計)。
這里的尺寸,具體指的是類似輸入框寬度的屬性。
maxlengthmaxlength屬性規定輸入字段允許的最大長度。
超過長度的字符不會被接受(也就是輸入不進去),但是用戶超過時,input元素本身不會有任何提示。
HTML5追加的表單元素了解內容,主要是一些新增的Input類型:
url
number
range
Date pickers
search
color
目前開發的經驗來看,這類組件如果對UI統一需求不高的話,可以嘗試使用一點,不過一般情況下都會造輪子或者用現成較為成熟的輪子來代替使用這些。
內容連接:HTML5 Input 類型
個人靜態博客:
氣泡的前端日記: https://rheabubbles.github.io
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53651.html
摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...
摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...
Web前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。第一階段:前端基礎(HTML / CSS / JavaScript / jQuery)初識HTML+CSS【學習筆記】HTML基礎完結篇html基礎知識——標簽詳解html基礎知識——與用戶交互!(表單標簽)html基礎知識——css樣式①史上最全Html和CSS布局技巧面試題匯總 HTML+CSS篇CSS 最核心的幾個概念純HTM...
Web前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。第一階段:前端基礎(HTML / CSS / JavaScript / jQuery)初識HTML+CSS【學習筆記】HTML基礎完結篇html基礎知識——標簽詳解html基礎知識——與用戶交互!(表單標簽)html基礎知識——css樣式①史上最全Html和CSS布局技巧面試題匯總 HTML+CSS篇CSS 最核心的幾個概念純HTM...
閱讀 2585·2021-11-22 12:01
閱讀 1111·2021-11-15 11:37
閱讀 3692·2021-09-22 14:59
閱讀 1755·2021-09-04 16:45
閱讀 1387·2021-09-03 10:30
閱讀 1019·2021-08-11 11:18
閱讀 2465·2019-08-30 10:53
閱讀 2018·2019-08-29 15:13