html最後一帖

2021-09-25 17:11:40 字數 1955 閱讀 2991

單行文字框

使用者名稱

密碼框
密碼

單選按鈕組
性別

複選按鈕
愛好

籃球

足球

閱讀

下拉列表列表
位址

甘肅江西

山西 省

大同太原臨汾

市縣/區

多行文字框
簡介

附件按鈕
頭像

外掛程式按鈕
出生日期

提交按鈕

input 標籤用於蒐集使用者資訊。

根據不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文字字段、核取方塊、掩碼後的文字控制項、單選按鈕、按鈕等等。

1. input總結

單行文字框

密碼框

單選按鈕

複選按鈕

附件

提交按鈕

h5拓展:搜尋框,日期框,數字框,email框…

input的屬性
type          不同的值對性不同的形式

name 引數的key(不能預設)

value 引數的value(按鈕的時候不能預設)

placeholder 提示語

checked 用在單選按鈕和複選按鈕中表示預設選中

selected 用在下拉列表中表示預設選中

【注意】:checked和selected可以為單值屬性

2. select

select 元素可建立單選或多選選單。

select 元素中的 標籤用於定義列表中的可用選項。

下拉列表

山西

江西甘肅

select中的子元素一定為option,option中一般要新增value表示當選中該元素的時候,select的引數值為該value值,option中的value值可以不設定,那麼value預設為文字值屬性

3. textarea

textarea標籤定義多行的文字輸入控制項,即多行文字域。

文字區中可容納無限數量的文字,其中的文字的預設字型是等寬字型

可以通過 cols 和 rows 屬性來規定 textarea 的尺寸

4. 外掛程式(日期選擇,位址選擇,富文字)空格

大於號>

小於號<

刪除(叉)×

1.details

details標籤用於描述文件或文件某個部分的細節。

111

222

2.datalist

datalist標籤定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。

datalist 及其選項不會被顯示出來,它僅僅是合法的輸入值列表。

使用 input 元素的 list 屬性來繫結 datalist。

111

222

3.radio

input標籤中type的屬性值,當時表示定義單選按鈕

其中checked屬性表示預設選中

4.多行文字框

屬性:

心情第一帖

最近心情有些差,說實話,作為乙個程式設計師,應該更理性 冷靜的思考問題,可是,作為乙個畢業生,工作了兩年多,總會有一些想法,會進入你的腦海,加班 薪水 職業發展前景 未來的房子 婚姻 生活,總有乙個事情是你不能承受的,所以,這麼多問題蜂擁而來的時候,沒人能承受下來,至少,我沒有。所以,我開始想逃離這...

開博第一帖

從接觸wm開始,心裡一直有乙個想法,希望能夠把自己從wm菜鳥一路走來的歷程記錄下來 其實現在也還是個菜鳥 嘗試過在qq空間裡寫blog,不過由於覺得那裡熟人太多,當別人看到我的文章之後我會很不好意思,所以就沒有了結局。csdn上的賬號已經申請了很久,不過一直也就僅限於是在裡面的論壇看看別人的經驗,學...

開博第一帖

很少寫部落格,或者說從未寫過部落格,但平時泡技術論壇的時候看著一篇篇原創帖 分享帖,並從裡面學到很多有用的東西,很是佩服並且讚賞部落格的作者們。之前從未思考過寫部落格的意義在 難道就像是小學老師要求你每天寫日記一樣麼,現在看來不是,我想每個人都屬於各自的行業,有著自己的社會地位 圈子,自己的知識見解...