首頁 web前端 html教學 input語句的作用

input語句的作用

Jul 26, 2019 pm 05:09 PM
input

input語句的作用

推薦教學:Html教學

HTML

一個簡單的HTML 表單,包含兩個文字輸入框和一個提交按鈕:

d85c9efc9bceb02a81cf8add26f62cd6

定義和用法

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

根據不同的 type 屬性值,輸入欄位擁有很多種形式。輸入欄位可以是文字欄位、複選框、遮罩後的文字控制項、單選按鈕、按鈕等等。

屬性

不贊成使用。 規定影像輸入的對齊方式。 altautocompleteon#規定是否使用輸入字段的自動完成功能。 autofocusautofocus#checkedchecked當 input 元素載入時停用此元素。 formformaction覆寫表單的enctype 屬性。 (適用於type="submit" 和type="image")##get post如果使用該屬性,則提交表單時不進行驗證。 會覆寫表單的target 屬性。 (適用於type="submit" 和type="image")pixelsnumberdatenumberdate規定輸入欄位的最小值。 請與 "max" 屬性搭配使用,來建立合法值的範圍。
#屬性 #描述
accept mime_type #規定透過檔案上傳來提交的檔案的類型。
align
  • left
  • right
  • top
  • middle
  • ##bottom

text

定義圖像輸入的替代文字。

#規定輸入欄位在頁面載入時是否獲得焦點。 (不適用於type="hidden")
#規定此input 元素首次加載時應被選中。

disabled

disabled

formname

#規定輸入欄位所屬的一個或多個表單。

URL
  • #覆寫表單的 action 屬性。
(適用於type="submit" 和type="image")

#formenctype

##見註解

#formmethod

  • 覆寫表單的method 屬性。
  • (適用於type="submit" 和type="image")
  • #formnovalidate
  • ##formnovalidate
  • ##覆寫表單的novalidate 屬性。

formtarget
_blank _self
  • _parent#_top
  • framename
#height
    %
  • #定義input 欄位的高度。 (適用於type="image")
list

datalist-id

引用包含輸入欄位的預定義選項的datalist 。
max
  • #規定輸入欄位的最大值。
  • 請與 "min" 屬性搭配使用,來建立合法值的範圍。
maxlength

number

#規定輸入欄位中的字元的最大長度。
min
multiple

multiple

如果使用該屬性,則允許一個以上的值。 ############name######field_name######定義 input 元素的名稱。 ############pattern#########regexp_pattern#############規定輸入欄位的值的模式或格式。 ######例如 pattern="[0-9]" 表示輸入值必須是 0 與 9 之間的數字。 ###
placeholder text #規定幫助使用者填入輸入欄位的提示。
readonly readonly 規定輸入欄位為唯讀。
required required 指示輸入欄位的值是必要的。
size number_of_char #定義輸入欄位的寬度。
src URL 定義以提交按鈕形式顯示的圖片的 URL。
step number #規定輸入字的合法數字間隔的。
type
  • button
  • #checkbox
  • file
  • #hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text
規定input 元素的類型。
value value #規定 input 元素的值。
width
  • pixels
  • %
定義input 欄位的寬度。 (適用於 type="image")
#

以上是input語句的作用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

laravel input隱藏域怎麼實現 laravel input隱藏域怎麼實現 Dec 12, 2022 am 10:07 AM

laravel input隱藏域怎麼實現

vue3怎麼封裝input元件和統一表單數據 vue3怎麼封裝input元件和統一表單數據 May 12, 2023 pm 03:58 PM

vue3怎麼封裝input元件和統一表單數據

Vue文件中的input框綁定事件詳解 Vue文件中的input框綁定事件詳解 Jun 21, 2023 am 08:12 AM

Vue文件中的input框綁定事件詳解

點選input框沒有遊標怎麼辦 點選input框沒有遊標怎麼辦 Nov 24, 2023 am 09:44 AM

點選input框沒有遊標怎麼辦

Vue文檔中的input框回車事件和驗證函數使用方法 Vue文檔中的input框回車事件和驗證函數使用方法 Jun 20, 2023 am 09:13 AM

Vue文檔中的input框回車事件和驗證函數使用方法

jquery中input是什麼元素 jquery中input是什麼元素 Jun 06, 2023 pm 02:18 PM

jquery中input是什麼元素

html5 input 禁止輸入怎麼實現 html5 input 禁止輸入怎麼實現 Feb 03, 2023 am 10:02 AM

html5 input 禁止輸入怎麼實現

Razer DeathAdder V3 HyperSpeed:新款滑鼠提供高解析度和高達 8,000 Hz 的無線輪詢率 Razer DeathAdder V3 HyperSpeed:新款滑鼠提供高解析度和高達 8,000 Hz 的無線輪詢率 Jun 22, 2024 am 12:20 AM

Razer DeathAdder V3 HyperSpeed:新款滑鼠提供高解析度和高達 8,000 Hz 的無線輪詢率

See all articles