成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

HTML第三章:表單

tanglijun / 1518人閱讀

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

第三章:表單

表單標(biāo)簽form:

//相當(dāng)于一張記錄用戶信息的單子
??? 常用屬性:method:表單的提交方式,常用的值有兩個
?????????????????? (1)post:安全提交方式
?? ??? ??????????? (2)get:非安全提交方式
??? 舉例:

?
???????? ? ? ? ? ? ? action:設(shè)置表單提交到哪
??? 舉例:


表單中包含表單元素inout標(biāo)簽,用來讓用戶輸入內(nèi)容
需要注意表單元素要寫在form標(biāo)簽之間,不要寫在form外面

常用的表單元素:
?? (1):文本框,可以輸入內(nèi)容
??????????? 表單元素還可以設(shè)置默認值value屬性:value="123"


?? (2) :密碼框,輸入的內(nèi)容會隱藏
?? ??? ? ?? 每個表單元素一定要設(shè)置name屬性,name屬性用來標(biāo)識表單元素的名字


?? (3):提交按鈕,點擊后會提交表單
?????? ? ?? 表單元素通過type設(shè)置是什么類型的輸入框或按鈕


?? (4):重置按鈕, 點擊會讓表單中的輸入框回到初始狀態(tài)


?? (5):單選按鈕,
??????????? 同一組單選按鈕只能選擇一個,使用name來分組,比如性別:name都是sex,如果name值不同,說明不是同組。提交的時候提交的是value值,

?? (6) 多選框,使用name分組,可以多選,提交的時候提交的是value值

??????????? ps: 單選按鈕和多選按鈕可以通過設(shè)置checked屬性來設(shè)置默認選中項

?

?? (7)
??? ?????? 列表框,通過下拉框選擇列表項,提交的時候提交的是value值, 通過設(shè)置列表項的selected屬性來設(shè)置默認選中項

?? (8)圖片按鈕
????? 讓按鈕變成圖片的樣子,點擊會提交表單


?? (9)普通按鈕
????? 一個沒有任何作用的按鈕,以后會很常用
????? 注意:不設(shè)置type屬性的話,默認type屬性為text


?? (10)文本域,可以顯示多行內(nèi)容或者輸入

?? (11)文件域,可以選擇一個文件上傳
?????? 上傳文件還需要設(shè)置form標(biāo)簽中的enctype屬性為multipary/form-data.


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

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

?? (17)可以選擇顏色

?? (18)格式為時間格式的輸入框


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

表單的高級應(yīng)用:
? ?? ? 隱藏域:
?? ??? ? ? ? ? ?? 隱藏域是用戶看不到的內(nèi)容,可以用來區(qū)分表單,


?? ? ? 只讀:
?? ??? ? ? ? ? ?? 設(shè)置只讀屬性之后,輸入框內(nèi)容不能被更改
?? ??? ? ? ? ? ?? 但是會獲取光標(biāo),也可以被選中


?? ??? 禁用:
?? ??? ??????? ?? 設(shè)置禁用屬性之后,元素不能使用,變灰不能獲取光標(biāo),不可選中


?? ?? 表單標(biāo)注:點擊文字時,相對應(yīng)的表單元素獲取焦點,增強鼠標(biāo)的可用性
??? ??? ? ?? 栗子:

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/1978.html

相關(guān)文章

  • html標(biāo)簽簡介(常用)

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

    Travis 評論0 收藏0
  • HTMl基礎(chǔ)

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

    番茄西紅柿 評論0 收藏0
  • HTML知識梳理(筆記)

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

    amc 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<