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