創作內容

0 GP

html的input功能全

作者:蝦米coco│2020-12-06 15:16:12│巴幣:0│人氣:209
IE(I) firefox(F) google(G) safari(S) opera(O)可使用的type
IFGSO<input type="button">  增加按鈕  value="按鈕上的字"  onclick="javascript的方法"觸發按
                                                鈕事件
GO type="color" 選擇顏色  name="傳出時變數的名稱"
IFGSO type="checkbox" 複選框按紐 name="傳出時變數的名稱"  value="變數夾帶的數值"
GSO type="date" 年月日  name="傳出時變數的名稱"
SO type="datetime" 年月日時(有時區) name="傳出時變數的名稱"
GSO type="date-local"年月日時(沒有時區) name="傳出時變數的名稱"
IFGO type="email" email提交時會驗證格式(和輸入框的差別) name="傳出時變數的名稱"
IFGSO type="file" 供文件上傳 name="傳出時變數的名稱"
IFGSO type="hidden"隱藏輸入字段 name="傳出時變數的名稱" value="變數夾帶的數值"
IFGSO type="image"圖像作為提交按鈕 src="圖片路徑" alt="圖片出錯時顯示的字串"
GSO type="month"年月 name="傳出時變數的名稱"
IGSO type="number" 只能輸入數字的框 name="傳出時變數的名稱" min="最小值"  max="最大值" value="默認值" step="按鈕時增加或減少多少從最小值開始算"
IFGSO type="password" 密碼字段 name="傳出時變數的名稱"
IFGSO type="radio" 單選框按紐(name名稱一樣只能選一個)name="傳出時變數的名稱" value="變數夾帶的數值"
IFGSO type="range"可以拉的讀條 name="傳出時變數的名稱" min="最小值"  max="最大值" value="默認值" step="按鈕時增加或減少多少從最小值開始算"
IFGSO type="reset"重製按鈕 要在form中使用
GS type="search"搜尋欄 name="傳出時變數的名稱"  aria-label="顯示搜尋紀錄"
IFGSO type="submit" 提交表單要在form中使用,可以加上value設定按紐字串
IFGSO type="text" 文本輸入 name="傳出時變數的名稱"
type="tel"輸入電話字串
GSO type="time" 輸入時間 name="傳出時變數的名稱"
IFGO type="url"  输入 URL 的字段 name="傳出時變數的名稱"
GSO type="week" 年週 name="傳出時變數的名稱"


input內通用的
list="datalist的id可以呼叫選項列" <datalist id=""><option>選項1</option></datalist>
minlength="最小字串數"
maxlength="最大字串數"
placeholder="空欄位佔位符的字串"
size="輸入字最多幾個"
pattern="看有沒有和這裡的字串一樣沒有就出現紅色底線"
spellcheck="控制是否對輸入預設啟用拼寫檢查,或者是否應使用重複拼寫檢查配置"
readonly="boolean屬性,指示輸入的內容是否應為替代"
在後面加上checked可設為預設
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=5003756
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

喜歡★pk123634 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:PHP的for和fore... 後一篇:Arduion的電子零件...

追蹤私訊切換新版閱覽

作品資料夾

tyu15826大家
新.羽澤鶇的扭曲仙境以更新,莎朵霓結交新朋友,但是對方的宿舍正在密謀什麼陰謀?看更多我要大聲說昨天17:03


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】