表åä¸æ°å¢çæ§ä»¶(typeå±æ§)
email: æ交表åæ¶æ£æµå¼æ¯å¦æ¯ä¸ä¸ªçµåé®ä»¶æ ¼å¼
url: æ交表åæ¶æ£æµå¼æ¯å¦æ¯ä¸ä¸ªurlæ ¼å¼
date: å¹´-æ-æ¥æ ¼å¼çæ§ä»¶
time: æ¶:åæ ¼å¼çæ§ä»¶
datetime: å¹´-æ-æ¥ æ¶:å æ ¼å¼çæ§ä»¶ï¼UTCæ¶é´ï¼
datetime-local: å¹´-æ-æ¥ æ¶:å æ ¼å¼çæ§ä»¶ï¼æ¬å°æ¶é´ï¼
month: å¹´-ææ ¼å¼çæ§ä»¶
week: å¹´-å¨æ°æ ¼å¼çæ§ä»¶
number: æ°åè¾å
¥æ¡
<input type="number" name="" id="" value="60" max="100" min="0" />
range: éæ©åºå
<input type="range" name="" id="" value="60" max="100" min="0" />
tel: çµè¯è¾å
¥æ¡
search: ç¨äºæç´¢
color: è°ç¨ç³»ç»éè²å¨
æ°å¢æ§ä»¶å±æ§ï¼
placeholder: å ä½ç¬¦ï¼è¾å
¥æ¡æ示信æ¯
<input type="text" autofocus placeholder=''/>
required: 该input为å¿
填项
autofocus: å¨é¡µé¢å è½½æ¶ï¼åèªå¨å°è·å¾ç¦ç¹
autocomplete="off/on":å¯ä»¥è®°å½è¾å
¥ä¿¡æ¯
å¿
é¡»ænameå±æ§ å¿
é¡»æ交è¿
off==>å
³é on==>æå¼
<input type="tel" name="user" id="" value="" autocomplete="on"/>
pattern: æ£åéªè¯
<input type="tel" pattern="[0-9]{7,12}"/>
min/max: inputè½è¾å
¥çæå°/æ大åèçé¿åº¦
step: é对numberårangeç±»åï¼æ¯æ¬¡éå¢stepçå¼
list: æå®ä¸ä¸ªdatalistï¼ä½ä¸ºä¸ææ示å
温馨提示:答案为网友推荐,仅供参考