2025Äêinputtype´úÂ루2025Äêinput±à³Ì£©
inputÓÐÄÄЩÀàÐÍ?¸÷ÊÇ×öʲôÓõÄ
1¡¢form±íµ¥ÖеÄinputÀàÐͼ°ÆäÓÃ;ÈçÏ£ºtype=text£ºÓÃ;£ºÎı¾ÊäÈë¿ò£¬ÓÃÓÚÊäÈëÓû§Ãû¡¢µç»°ºÅÂë¡¢µç×ÓÓʼþ¡¢×¡Ö·µÈ¡£²ÎÊý£ºname£º±íʾÎı¾ÊäÈë¿òµÄÃû³Æ¡£size£ºÊäÈë¿òµÄ³¤¶È´óС¡£maxlength£ºÊäÈë¿òÖÐÔÊÐíÊäÈë×Ö·ûµÄ×î´óÊý¡£value£ºÊäÈë¿òÖеÄĬÈÏÖµ¡£readonly£º±íʾ¸Ã¿òÖÐÖ»ÄÜÏÔʾ£¬²»ÄÜÌí¼ÓÐ޸ġ£
2¡¢form±íµ¥ÖеÄinputÀàÐͼ°ÆäÓÃ;ÈçÏ£ºtype=text ÓÃ;£ºÎı¾ÊäÈë¿ò£¬ÓÃÓÚÊäÈëÓû§Ãû¡¢µç»°ºÅÂë¡¢µç×ÓÓʼþ¡¢×¡Ö·µÈÎı¾ÐÅÏ¢¡£²ÎÊý£ºname£ºÎı¾ÊäÈë¿òµÄÃû³Æ¡£size£ºÊäÈë¿òµÄ³¤¶È´óС¡£maxlength£ºÊäÈë¿òÖÐÔÊÐíÊäÈë×Ö·ûµÄ×î´óÊý¡£value£ºÊäÈë¿òÖеÄĬÈÏÖµ¡£readonly£º±íʾ¸Ã¿òÖÐÖ»ÄÜÏÔʾ£¬²»ÄÜÌí¼ÓÐ޸ġ£
3¡¢inputÀàÐÍÖ÷Òª°üÀ¨ÒÔϼ¸ÖÖ£ºÎı¾ÊäÈëÀàÐÍ£ºÎı¾ÊäÈë¿ò£ºÓÃÓÚÊäÈëÆÕͨµÄÎı¾ÄÚÈÝ£¬°üÀ¨×Öĸ¡¢Êý×Ö¡¢±êµã·ûºÅµÈ¡£ÃÜÂëÊäÈë¿ò£ºÓÃÓÚÊäÈëÃô¸ÐÐÅÏ¢£¬ÈçÃÜÂ룬ÊäÈëÄÚÈݻᱻÑÚÂë´¦Àí¡£Êý×ÖÊäÈëÀàÐÍ£ºÊý×ÖÊäÈë¿ò£ºÓÃÓÚÊäÈëÊý×Ö£¬ä¯ÀÀÆ÷»áÑéÖ¤ÊäÈëÖµÊÇ·ñΪÊý×Ö¡£
4¡¢input±êÇ©µÄÀàÐÍ£ºtext£ºÓÃÓÚÊäÈëµ¥ÐÐÎı¾Êý¾Ý£¬ÀýÈçÓû§Ãû¡¢ÃÜÂëµÈ¡£password£ºÓÃÓÚÊäÈëÃÜÂ룬ÊäÈëµÄÎı¾»áÒÔÑÚÂëÐÎʽÏÔʾ¡£email£ºÊÊÓÃÓÚ°üº¬e-mailµØÖ·µÄÊäÈëÓò£¬ÔÚÌá½»±íµ¥Ê±£¬»á×Ô¶¯ÑéÖ¤emailÓòµÄÖµ¡£url£ºÓÃÓÚÓ¦¸Ã°üº¬URLµØÖ·µÄÊäÈëÓò£¬Ìá½»±íµ¥Ê±»á×Ô¶¯ÑéÖ¤URLµÄ¸ñʽ¡£
5¡¢input±êÇ©µÄÊäÈëÀàÐÍ text£ºÓÃÓÚÊäÈëµ¥ÐÐÎı¾Êý¾Ý£¬ÀýÈçÓû§Ãû¡¢ÃÜÂëµÈ¡£ÕâÊÇinput±êÇ©µÄĬÈÏÀàÐÍ¡£password£º¶¨ÒåÃÜÂë×ֶΣ¬ÊäÈëµÄÄÚÈÝ»áÒÔµã»òÐǺŵÈÑÚÂëÐÎʽÏÔʾ£¬ÒÔ±£»¤Óû§Òþ˽¡£button£º¶¨Òå¿Éµã»÷°´Å¥£¬Í¨³£ÓÃÓÚÆô¶¯JavaScript½Å±¾¡£submit£º¶¨ÒåÌá½»°´Å¥£¬µã»÷ºó»áÌá½»±íµ¥Êý¾Ýµ½·þÎñÆ÷¡£
InputÔõô¿ÉÒÔ¶à´ÎÑ¡Îļþ
ÔÚHTMLÖУ¬¿ÉÒÔͨ¹ýΪinput type=fileÔªËØÌí¼ÓmultipleÊôÐÔÀ´ÊµÏÖÒ»´ÎÑ¡Ôñ¶à¸öÎļþµÄ¹¦ÄÜ¡£ºËÐÄÊôÐÔ£ºmultipleÊÇHTML5ÒýÈëµÄÒ»¸ö²¼¶ûÊôÐÔ£¬µ±Ëü´æÔÚÓÚÎļþÊäÈë×Ö¶Îʱ£¬ÔÊÐíÓû§Í¨¹ý²Ù×÷ϵͳÌṩµÄÎļþÑ¡Ôñ¶Ô»°¿òÒ»´ÎÑ¡Ôñ¶à¸öÎļþ¡£
ÔÚÎļþÑ¡Ôñ¶Ô»°¿òÖÐÌí¼ÓÓû§ÌáʾÐÅÏ¢£¬¸æÖªÓû§ÎļþÃû³¤¶ÈºÍÊýÁ¿µÄÏÞÖÆ£¬ÒÔ±ÜÃâÓû§Ñ¡Ôñ¹ý¶à»òÎļþÃû¹ý³¤µÄÎļþµ¼ÖµÄÎÊÌâ¡£×ܽáInput Îļþ¶àÑ¡¿òÔÚÑ¡Ôñ´óÁ¿Îļþʱ¿ÉÄÜÓöµ½µÄÎÊÌâ²¢·Ç½ö½öÓëÎļþÊýÁ¿»ò×Ü´óСÏà¹Ø£¬¶øÊÇÓëÎļþÃûµÄ³¤¶ÈÒÔ¼°ä¯ÀÀÆ÷ÄÚ²¿»º³åÇøµÄ´óСÓйء£
¿ÉÑ¡µØÊ¹ÓÃacceptÊôÐÔÀ´ÏÞÖÆÎļþÀàÐÍ£¬ÀýÈçaccept=image/*±íʾֻ½ÓÊÜͼƬÎļþ£¬accept=*/*±íʾ½ÓÊÜËùÓÐÎļþÀàÐÍ¡£´¦ÀíÎļþÑ¡Ôñ£ºµ±Óû§Ñ¡ÔñÎļþºó£¬»á´¥·¢input±êÇ©µÄchangeʼþ¡£Ê¹ÓÃJavaScript¼àÌýÕâ¸öʼþ£¬Í¨¹ýevent.target.files[0]»ñÈ¡Óû§Ñ¡ÔñµÄÎļþ¡£
µ¥Ñ¡°´Å¥£ºÊ¹ÓÃtype=radio¿ÉÒÔ´´½¨µ¥Ñ¡°´Å¥×飬Óû§Ö»ÄÜÑ¡ÔñÆäÖеÄÒ»¸öÑ¡Ïî¡£¸´Ñ¡¿ò£ºÊ¹ÓÃtype=checkbox¿ÉÒÔ´´½¨¸´Ñ¡¿ò£¬Óû§¿ÉÒÔÑ¡Ôñ¶à¸öÑ¡Ïî¡£ÎļþÉÏ´«£ºÊ¹ÓÃtype=file²¢½áºÏacceptÊôÐÔ¿ÉÒÔ´´½¨Ò»¸öÎļþÉÏ´«¿Ø¼þ£¬ÏÞÖÆÓû§ÉÏ´«µÄÎļþÀàÐÍ¡£

input±êÇ©ÈçºÎʵÏÖÊäÈë´øÌáʾÎÄ×ÖЧ¹û?
1¡¢Õâ¸öÊÇÎı¾¿òµÄinput / ÔÚÕâÀïÃæÊ¹ÓÃÒ»¸öonblur£¨£©Ê¼þ Õâ¸öº¯Êý»áµ÷ÓÃÖ´Ðа󶨵½blurʼþµÄËùÓк¯Êý£¬°üÀ¨ä¯ÀÀÆ÷µÄĬÈÏÐÐΪ¡£¿ÉÒÔͨ¹ý·µ»ØfalseÀ´·ÀÖ¹´¥·¢ä¯ÀÀÆ÷µÄĬÈÏÐÐΪ¡£
2¡¢Ê×ÏÈ´ò¿ªhtml±à¼Æ÷£¬Ð½¨Ò»¸öhtmlÎļþ£¬ÀýÈ磺index.html¡£
3¡¢ÐèҪ׼±¸µÄ²ÄÁÏ·Ö±ðÓУºµçÄÔ¡¢ä¯ÀÀÆ÷¡¢html±à¼Æ÷¡£Ê×ÏÈ£¬´ò¿ªhtml±à¼Æ÷£¬Ð½¨htmlÎļþ£¬ÀýÈ磺index.html¡£ÔÚindex.htmlÖеÄbody±êÇ©ÖУ¬ÊäÈëhtml´úÂ룺input type=text placeholder=ÇåÊäÈëÓû§Ãû /¡£ä¯ÀÀÆ÷ÔËÐÐindex.htmlÒ³Ãæ£¬Îı¾¿ò³õʼÓÐÎÄ×Ö¡£µã»÷Îı¾¿ò£¬ÎÄ×ֳɹ¦Ïûʧ¡£
4¡¢Ê×ÏÈÔÚUbuntuµÄÖÕ¶Ëд³öҪʵÏÖµÄÄÚÈݲ½Ö裬עÊͲ½Öè¿ÉÒÔ°ïÖúÊéдÕßÀíÇå˼·¡£½ÓÏÂÀ´ÎÒÃÇÔËÓÃInput·½·¨£¬ÌáʾÓû§ÊäÈëÐÅÏ¢£¬inputÖеIJÎÊý¾ÍÊÇÌáʾÎÄ×Ö¡£½ÓÏÂÀ´½ÓÊÕºÃÓû§ÊäÈëµÄÄÚÈݺó£¬ÎÒÃǾͿÉÒÔÔËÓÃÓû§ÊäÈëµÄÄÚÈݽøÐÐÂß¼´¦Àí¡£
5¡¢·½·¨¶ÔÓÚÖ§³ÖplaceholderÊôÐÔµÄä¯ÀÀÆ÷¡£¿ÉÒÔÔÝÇÒÈÏΪ³ýÁËÀϰ汾µÄIEϵÁÐä¯ÀÀÆ÷¶¼Ö§³ÖÕâ¸öÊôÐÔ¡£¿ÉÒÔÖ±½ÓÔÚinput±êÇ©Éϸ½¼ÓÊôÐÔ£¬ÈçÏ£ºinput type=password name=pwd placeholder=ÇëÊäÈëÃÜÂë /·½·¨¶ÔÓÚ²»Ö§³ÖplaceholderÊôÐÔµÄä¯ÀÀÆ÷£¬Ê¹ÓÃÒ»¸öÏà¶Ô¶¨Î»µÄÔªËØ£¬Ê¹ÆäÆ«ÒÆ£¬¸¡ÔÚÊäÈë¿òÉÏ·½¡£