国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端菜鳥筆記 Day-2 Form表單

shusen / 1755人閱讀

摘要:標簽定義表單表單元素表單包含表單元素。沃爾沃馬自達雪佛蘭奧迪定義待選擇的選項,列表通常會默認選擇第一個選項,可以使用屬性來定義預定義選項。馬自達定義多行輸入字段。屬性規定輸入字段允許的最大長度。內容連接類型個人靜態博客氣泡的前端日記

文章大綱來源:【Day 2】Form表單

HTML表單

表單元素

表單屬性

HTML5追加的表單元素

HTML表單
HTML 表單用于搜集不同類型的用戶輸入。

標簽定義 HTML 表單:


  ...
  form elements
  ...
表單元素

HTML 表單包含表單元素。

表單元素指的是不同類型的:

input元素

復選框

單選按鈕

提交按鈕

等等

內容引用:HTML表單元素

最重要的表單元素。

元素根據不同的 type 屬性可以變化為多種形態。

... ...
text

單行輸入框。

password

字符掩碼處理的單行輸入框。

submit

一個提交按鈕。

至于用哪個程序來處理提交的表單數據,在

標簽中的action屬性中定義。


  ...
  

其中的value屬性定義按鈕上顯示的文字,缺省會顯示默認文本(中文環境下為“提交”)。

radio

定義單選按鈕。

Male
Female

其中的name屬性非常重要,多個radio類型的只有在name屬性相同時才具有單選限制。

checkbox

定義多選框,允許選0個或多個。

I have a bike
I have a car

name屬性作用類似radio。

button

定義按鈕

表單屬性

value(通用)

name(通用)

readonly(通用)

disable(通用)

type(重要)

checked(radio、checkbox,重要)

size

maxLength

內容引用:HTML Input 屬性

value

value屬性規定輸入字段的初始值,和按鈕的顯示文字

readonly

readonly屬性規定輸入字段只讀(不可修改)。

屬性不用賦值,等同于readonly="readonly"。

disabled

disabled屬性規定輸入字段是禁用的(不可用和不可點擊)。

并且也不會被提交(與readonly不同)。

屬性不用賦值,等同于disabled="disabled"。

size

size屬性規定輸入字段的尺寸(以字符計)。

這里的尺寸,具體指的是類似輸入框寬度的屬性。

maxlength

maxlength屬性規定輸入字段允許的最大長度。

超過長度的字符不會被接受(也就是輸入不進去),但是用戶超過時,input元素本身不會有任何提示。

HTML5追加的表單元素

了解內容,主要是一些新增的Input類型:

email

url

number

range

Date pickers

search

color

目前開發的經驗來看,這類組件如果對UI統一需求不高的話,可以嘗試使用一點,不過一般情況下都會造輪子或者用現成較為成熟的輪子來代替使用這些。

內容連接:HTML5 Input 類型


個人靜態博客:

氣泡的前端日記: https://rheabubbles.github.io

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

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

相關文章

  • 前端菜鳥筆記 Day-3 CSS基礎

    摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...

    mingzhong 評論0 收藏0
  • 前端菜鳥筆記 Day-3 CSS基礎

    摘要:派生選擇器依據元素的位置關系來定義樣式。稱其為上下文選擇器,稱其為派生選擇器。在現在布局中,選擇器常常用于建立派生選擇器。和一樣,也可被用作派生選擇器。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 初識CSS 入門CSS 初識CSS 層疊樣式表(Cascading Style Sheets),即前端常說的CSS。 內容引用:CSS 簡介 樣式解決了什么問題? HTML...

    DangoSky 評論0 收藏0
  • Web前端開發學習推薦--菜鳥必看

    Web前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。第一階段:前端基礎(HTML / CSS / JavaScript / jQuery)初識HTML+CSS【學習筆記】HTML基礎完結篇html基礎知識——標簽詳解html基礎知識——與用戶交互!(表單標簽)html基礎知識——css樣式①史上最全Html和CSS布局技巧面試題匯總 HTML+CSS篇CSS 最核心的幾個概念純HTM...

    JerryWangSAP 評論0 收藏0
  • Web前端開發學習推薦--菜鳥必看

    Web前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。第一階段:前端基礎(HTML / CSS / JavaScript / jQuery)初識HTML+CSS【學習筆記】HTML基礎完結篇html基礎知識——標簽詳解html基礎知識——與用戶交互!(表單標簽)html基礎知識——css樣式①史上最全Html和CSS布局技巧面試題匯總 HTML+CSS篇CSS 最核心的幾個概念純HTM...

    shadajin 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<