ʱ¼ä£º2022.02.21×÷Õߣº²ÊÀÖÔ°ä¯ÀÀÁ¿£º1307
ÔÚ web ±íµ¥Éè¼ÆÖУ¬ÎÒÃǻᾳ£Óöµ½ÔÚ¿ª¹Ø¡¢µ¥Ñ¡¡¢¸´Ñ¡¿òÈý¸ö×é¼þµÄÑ¡ÔñʹÓÃÉϾÀ½á£¬ÌرðÊÇÖ»ÓÐÁ½ÖÖ״̬Ï£¬ºÃ±È¿ªÆô/¹Ø±Õ¡¢ÆôÓÃ/¹Ø±Õ¡¢ÏÔʾ/Òþ²Ø¡¢Í¬Òâ/²î±ðÒ⡢ĬÈÏ/×Ô½ç˵¡.ÎÒÃÇ·¢Ã÷ʹÓà Switch ¿ª¹Ø¡¢Radio µ¥Ñ¡ºÍ Checkbox ¸´Ñ¡ÕâÈý¸ö×é¼þËƺõÒ²¶¼ÊÇ¿ÉÒԵģ¬ÕâʱӦ¸ÃÑ¡ÔñÄĸö×é¼þ¸üºÏÊÊÄØ£¿
Switch ¿ª¹Ø ? Ëü¾ÍÏñÊÇÃð°ÔµÄÏìÖ¸
1. ¼òÒªÁ˽⿪¹Ø£¬¿ª¹Ø×÷Ϊģ·ÂÎïÀí¿ª¹ØµÄÓ³É䣬ÌṩÁËÁ½ÖÖ×îΪ¼òµ¥¡¢Ö±½ÓµÄ¶ÔÁ¢Ñ¡ÏºÃ±È¿ª/¹Ø¡¢Æô¶¯/½ûÓõȡ£Ëü¾ÍÏñÉú»îÖпØÖƵƵ¨µÄ¿ª¹Ø£¬µã»÷µÆµ¨Á¢¼´ÁÁÆð¡£ËùÒÔËüµÄÒâ·ûÒ²±ØÐëÃ÷È·£¬²»È»Óû§¶¼²»ÖªµÀ£¬¼´½«ÒªÆô¶¯/¹Ø±Õʲô¡£
2. ¿ª¹Ø×é¼þµÄÌصã
1£©¹¤¾ß±êÇ©Ãû³ÆÐëת´ïÇåÎú£¬Äܹ»ÈÃÓû§Äܹ»Ã÷È·¸ÐÖª²Ù×÷ºóµÄÐж¯¿ªÆô»ò¹Ø±Õʲô£»
2£©Ö÷Ìå±êÇ©ÐÅÏ¢ºÍ°´Å¥ÊÇÊèÉ¢µÄ£¬Á½¸öÊÓ¾õ½¹µã£»
3£©Ò»°ãµã»÷ºó»áÁ¢¼´·´À¡£»
4£©Ã»ÓÐ hovering Ч¹û£¬ÓÐÐж¯Ð§¹û£¬¸üÊʺÏÊÖÖ¸²Ù×÷£»
5£©·Ç W3C ×éÖ¯¹Ù·½ html ±ê¼Ç£¬¼«¶ËÇé¿ö²»Ö§³Ö Javascript¡£
3. Æ»¹û¹«Ë¾¶Ô¿ª¹Ø×é¼þµÄÉè¼Æ¹æ·¶
Æ»¹ûµÄ¡¸Human Interface Guidelines¡¹ÓÐ×ÅÕâôһ·Ý¹ØÓÚ¿ª¹Ø×é¼þµÄʹÓù淶½ç˵£¬ÎÒÃÇÎÞ·Á¿ÉÒÔ½è¼ø¡£
1) ÖÆֹʹÓÿª¹Ø¿ØÖƾֲ¿Ï¸½Ú»òÕß´ÎÒªµÄÉèÖ᣿ª¹ØµÄÊÓ¾õȨÖرȽϸߣ¬ËùÒÔÓÃËü¿ØÖÆÄÚÈݽ϶à¸üΪºÏÊÊ£¬ºÃ±È¿ÉÒÔ½«Ëü×÷Ϊ×Ü¿ª¹Ø·¿ª»ò¹Ø±ÕÒ»×éÉèÖá£
2) ͨ³£²»ÒªÓÿª¹ØÌæ´ú¸´Ñ¡¿ò¡£Èç¹ûÎÒÃǵĹ淶Öнç˵Á˸´Ñ¡¿ò£¬Ôò¾¡¿ÉÄܼá³ÖÒ»ÖµÄʹÓù淶¡£
4. ¿ª¹ØʹÓó¡¾°¾ÙÀý
ͨ¹ýÉÏÊö¶Ô¿ª¹Ø×é¼þÌص㣬½áºÏÆ»¹û×é¼þµÄ¹æ·¶£¬ÎÒÃÇ»ù±¾¿ÉÒÔÊáÀí³öÒÔϼ¸ÌõÖ÷ҪʹÓó¡¾°£º
1£©¿ª¹ØµÄ±êÇ©Òâ·ûÐèת´ïÇåÎú
ºÍµ¥Ñ¡¡¢¸´Ñ¡¿ò·×ÆçÑùµÄÊÇ£¬ÒòΪ¿ª¹ØÖ÷ÌåµÄÐÅÏ¢ºÍ°´Å¥ÊÇÊèÉ¢µÄ¡£
Óû§ÔÚµã»÷¿ª¹Ø°´Å¥Ç°£¬±ØÐëÇåÎú¼û¸æÓû§µã»÷ºó»á±¬·¢Ê²Ã´£¬ÉõÖÁÓÐʱÎÒÃÇÐèҪͨ¹ýÔö¼Ó¸±ÌâÄ¿À´¼ÓÒÔ˵Ã÷¡£
2£©Ò»°ãֻΪÁ¢¼´ÉúЧµÄ³¡¾°Ê¹Óÿª¹Ø°´Å¥
ÔÚ±íµ¥Ìîдʱ£¬ÍùÍù×îÖÕ»áÓС¸Ìá½»¡¹°´Å¥×÷Ϊ½áÊø̬£¬¿ª¹Ø×÷Ϊ±íµ¥×ֶεÄÌîд£¬Óû§µã»÷ºó²¢²»¿É¹»Á¢¼´ÉúЧ£¬¶øÊÇÐèÒªÔٴεã»÷¡¸Ìá½»¡¹°´Å¥¡£
3£©ÓÐΣº¦£¬Ðè×ÅÖØÌáÐÑÓû§
¿ª¹ØµÄÊÓ¾õȨÖؽϸߣ¬ÔÚÅÓ´óµÄ±íµ¥ÐÅÏ¢ÖУ¬ËüÄܹ»ºÜ¿ìÎüÒýµ½Óû§µÄ×¢ÒâÁ¦£¬²¢Äܹ»¸øÓû§ÒÔÊÓ¾õÌáÐÑ¡£
4£©ÖÆÖ¹´óÃæ»ýʹÓÿª¹Ø£¬Ê¹ÓÃËü¿ØÖƾֲ¿Ï¸½Ú»òÕß´ÎÒªÉèÖÃ
¿ª¹ØÔÚÊÓ¾õ¸ÐÖªÉÏËüºÍ°´Å¥ÉÏÓÐЩ½Ó½ü£¬ËùÒÔ¾¡¿ÉÄÜÖÆÖ¹ÔÚ±íµ¥Öдó×ÚʹÓÿª¹ØÀ´¿ØÖƾֲ¿²ã¼¶ÄÚÈÝ£¬ÕâʱÍƼöʹÓø´Ñ¡¿òÀ´Ìæ´ú¿ª¹Ø×÷Ϊ¾Ö²¿¡£
5£©°ÑËü×÷Ϊ¸ß²ã¼¶ÄÚÈÝ¿ØÖÆ»òÐÅÏ¢ÉèÖÃ
°ÑËüÓÃÀ´×÷Ϊ×Ü¿ØÖÆÀ´ÏÔʾ¸ü¸ß²ã¼¶ÄÚÈÝ£¬ÖÆÖ¹ web ±íµ¥ÖдóÃæ»ýµÄʹÓÿª¹Ø°´Å¥£¬»áºÍÆäËûµÄ»ù±¾×é¼þÔì³ÉÊÓ¾õ×ÌÈÅ¡£ÕâÑù¿ÉÒÔ¼È͹ÏÔÆäÖØÒªÐÔ£¬ÓÖÄÜÌáÉýÓû§ä¯ÀÀ±íµ¥µÄЧÂÊ¡£
Checkbox ¸´Ñ¡¿ò ? ËüÊÇÒ»¸ö»úеСÄÜÊÖ
1. ¼òÒªÁ˽⸴ѡ¿ò£¬ÈÃÓû§ÔÚÁ½¸ö²¼¶ûÖµÖ®¼ä½øÐÐÑ¡Ôñ£¬¹´Ñ¡ºóºÍδ¹´Ñ¡ÌåÏÖ¡°ÊÇ/·ñ¡¢Òª/²»Òª¡¢¿ªÆô/¹Ø±Õ¡¡± µÈÎÊÌâ¡£ÒÔÏÂÄÚÈÝÖ÷ÒªÌÖÂÛµ¥¸ö¸´Ñ¡¿òµÄʹÓÃÇé¿ö¡£
2. ¸´Ñ¡¿òµÄÌصã
1£©ÎªÁ˱ãÓÚÓû§¿ìËÙÀí½â£¬Ò»°ã¸´Ñ¡¿òµÄ±êÇ©ÄÚÈÝÊÇÒ»¾ä»°£¬²»»áÓöººÅÈ¥×÷Àë¸ô¡£
2£©×÷Ϊµ¥Ñ¡×´Ì¬Ê±£¬²Ù×÷¹¤¾ßºÍ±êÇ©Ö÷ÌåÄÚÈÝÊÓ¾õ½¹µãÊDz»À뿪µÄ£¬Ñ¡Ôñºó¾ÍÖªµÀËü±»Ñ¡ÖÐÁË¡£
3£©¿ÉÖ±½ÓÌåÏÖ±êÇ©ÄÚÈݵĿªÆô¡¢¹Ø±Õ¡£
3. ³¡¾°¾ÙÀýÆÊÎö
1) Óû§»ù±¾Çå³þ»á±¬·¢Ê²Ã´£¬Ê¹Óø´Ñ¡¿ò
Èç¹ûʹÓÿª¹Ø»òÕßµ¥Ñ¡¿ò£¬ÎÒÃǻᷢÃ÷ÊÓ¾õ×ÌÈÅÌرðÑÏÖØ£¬Ò»°ã±íµ¥ÄÚÈݲ»ÐèÒªÌرðȥǿµ÷ÿһ¸ö×ֶεĿªÆô״̬¡£ËäÈ»Èç¹ûÅÅ°æÏÞÖÆ£¬ÎÒÃÇÒ²ÊÇ¿ÉÒÔ½«¸´Ñ¡¿ò·Åµ½±êÇ©µÄÓҲࣨ·ÅÓҲิѡ¿òÐè¶ÔÆ룩¡£
2£©±íµ¥Öеĸ´Ñ¡¿òÉúЧ£¬ÐèÒªÅäºÏÌá½»°´Å¥
Ò»°ãÇé¿öÏ£¬±íµ¥ÌîдÖУ¬¸´Ñ¡¿ò²»»áÏñ¿ª¹Øµã»÷ºóÁ¢¼´ÉúЧ£¬ËüÐèÒªÅäºÏÌá½»°´Å¥ÉúЧ¡£ËùÒÔÓû§ÔÚÌύǰ¿É¼ì²ìËûÃÇÌîдµÄ±íµ¥£¬¸üÓÐÖúÓÚÔÚÐÅÏ¢·À´í¡££¨Ps. ÔÚÉèÖÃÒ³£¬¸´Ñ¡¿ò¿Éµ¥¶À×÷ΪÉèÖÃÇÒÁ¢¼´ÉúЧ¡££©¸´Ñ¡¿òµÄÖ÷Ìå±êÇ©ÐÅÏ¢ºÍ¸´Ñ¡°´Å¥ÔÚÒ»Æð£¬ÌرðÊǹØÓÚÅúÁ¿Ìîд»òÉèÖÃÒ»Åú×ֶΣ¬Ê¹Óø´Ñ¡¿òЧÂʸü¸ß¡£
3£©Óø´Ñ¡¿òÀ´¿ØÖÆ±íµ¥¾Ö²¿Ï¸½Ú
ÈçÉÏÊö£¬Èç¹û¿ØÖƹ¤¾ßµÄ¹¦Ð§ÊÇ±íµ¥µÄÒ»¸ö¾Ö²¿£¬»òÐÅÏ¢ÄÚÈݲ»ÊÇÐí¶à£¬Óû§Ò²Çå³þÖªµÀÑ¡Ôñºó»áÊÇʲô£¬Õâʱºò¸´Ñ¡¿ò¸üÊʺϡ£ÕâʱÎÒÃDz»ÐèÒª¹ýÖصĸøÓû§Ç¿µ÷ʲô£¬Óø´Ñ¡¿ò»á±ÈʹÓÿª¹ØÈÃÕû¸ö±íµ¥µÄ½á¹¹ÄÚÈݸüÇåÎú¡£
Radio µ¥Ñ¡°´Å¥ ? °×Ìì²»¶®Ò¹µÄºÚ
1. ¼òÒªÁ˽ⵥѡ°´Å¥
µ¥Ñ¡°´Å¥×îÔçµÄÉè¼ÆÄ£ÐÍ£¬À´Ô´ÓÚÊÕÒô»úÇл»ÆµµÀµÄ°´¼ü£¬µ±ÎÒÃÇ°´ÏÂÆäÖÐÒ»¸ö£¬ÆäËûµÄ°´Å¥¾Í»á±»µ¯³ö£¬°´ÏµÄÄǸö°´Å¥¾Í³ÉΪÁËÑ¡ÖеÄ״̬¡£µ¥Ñ¡°´Å¥¿ÉνÊÇãþμÃ÷°×£¬ÓÐÄã²»¿ÉÓÐÎÒ¡£
2. µ¥Ñ¡°´Å¥µÄÌصã
µ¥Ñ¡°´Å¥µÄÓŵãÊÇ£¬½«ËùÓÐÐÅÏ¢Ìõ¼þ̻¶¸øµ½Óû§£¬Ëü²»Ïñ¿ª¹ØÔÚʹÓÃÉÏ´øÓÐÈ¥ÍƲ⡢̽Ë÷µÄÐëÒª¡£
1£©Ã¿¸öÑ¡Ôñ¶¼ºÜÊÇÖ±¹Û£¬Èç¹ûÏ£ÍûÓû§ÔĶÁÍêËùÓÐÑ¡ÏÓÃËüÔٺò»¹ýÁË¡£
2£©ÍØÕ¹ÐÔ¸üÇ¿£¬Ïà½ÏÓÚ¿ª¹Ø¡¢¸´Ñ¡¿òµÄ²¼¶ûÖµ£¬µ¥Ñ¡ÄܳÐÔØÁ½¸ö»òÁ½¸öÒÔÉÏÑ¡Ôñ¡£
3£©±ØÐëÌṩĬÈÏÖµ£¬ÇÒĬÈÏÖµ¿ÉÒÔ³ÐÔØÄÚÈÝ¡£
3. ³¡¾°¾ÙÀýÆÊÎö
1£©ÐèÒªÈÃÓû§Ã÷È·ÖªµÀÁ½ÕßµÄÇø±ð£¬ÉõÖÁÐèҪǿµ÷Á½¸öÑ¡ÏîµÄ²î±ð
Èç¹û½ÓÄɸ´Ñ¡¿ò£¬Óû§ÐèÒªÔÚÁ½¸ö²î±ð½Ï´óµÄÑ¡ÏîÖÐÈ¥×÷˼¿¼¡£
2£©¿ªÆô/¹Ø±ÕµÄµ¥Ñ¡×´Ì¬£¬Ê¹Óø´Ñ¡¿ò
¸´Ñ¡¿ò¹ØÓÚ¾ø´ó´ó¶¼Óû§¶¼ÊǺÜÊÇÇå³þ£¬Ê¹Óø´Ñ¡¿òÔڿռ䡢ÊÓ¾õ½¹µã¸üÊǸü¼¯Öеģ¬ËùÒÔÈç¹ûÖ»Õë¶Ô¿ªÆô/¹Ø±ÕµÄ״̬£¬ÍƼöʹÓø´Ñ¡¿ò¡£
3£©Ã¿¸öÑ¡Ï¹ØÁªÄÚÈÝʱ£¬Ê¹Óõ¥Ñ¡°´Å¥
ÎÒÃÇÖªµÀ£¬Èç¹ûĬÈÏÑ¡ÏîÉè¼ÆµÄºÃ£¬»áÈÃÐí¶àÈ˼á³ÖÑ¡ÔñĬÈÏÑ¡Ïî¡£ÏÂͼÕâ¸ö°¸Àý£¬Èç¹û½ÓÄɸ´Ñ¡¿ò»òÕß¿ª¹Ø£¬Óû§¾Í²»µÃ²»È¥Ì½Ë÷˼¿¼¿ªÆôºóÊÇʲô£¬»¹Òªµ£ÐÄÀí½â¿ªÆô/¹Ø±Õºó´øÀ´µÄÓ°Ï죬¶ø¹ØÓÚ¾ø´ó´ó¶¼Óû§À´Ëµ£¬Õâ±ßµÄ±¨ÃûÉèÖÃϵͳĬÈÏÄÚÈÝÎÞÐè¸Ä¶¯¡£Ðè×¢Òâ¸øÓû§ÌṩµÄĬÈÏÑ¡Ôñ£¬Ò»¶¨ÒªÊÇÄþ¾²¡¢±ãµ±µÄÑ¡Ïî¡£
4£©½Ï³¤ÐèÒþ²Ø²ð·ÖµÄÄÚÈÝÇé¿ö£¬Ê¹Óõ¥Ñ¡°´Å¥
ÔÚ±íµ¥Éè¼ÆÖУ¬Èç¹ûÓöµ½µÄÄÚÈÝÐèÒªÖØÐÂ×éÖ¯»òÕß²ð·Öʱ£¬Ñ¡ÔñʹÓõ¥Ñ¡°´Å¥¡£ÕâÑù²»µ«Äܹ»×öµ½±íµ¥ÐÅÏ¢¼ò½à£¬Ò²Äܹ»Ìá¸ßÓû§µÄä¯ÀÀЧÂÊ¡£
5£©±ÊÖ±ÅÅÁе¥Ñ¡£¬ÐÅÏ¢ÔĶÁ¸ü¼Ñ
Èç¹û×Ö¶ÎÃû³Æ½Ï³¤£¬ÐèÒªÌí¼Ó¸±ÌâÄ¿¼ÓÒÔ˵Ã÷£¬Õâʱµ¥Ñ¡°´Å¥³ÐÔصÄÐÅÏ¢½Ï¶à£¬Ê¹ÓñÊÖ±ÅÅÁÐÈÃÓû§ÓÐÒ»ÖµÄÆðʼÔĶÁÏߣ¬ÑÛÇòת¶¯·ù¶È×îС£¬ÐÅÏ¢»ñÈ¡ÌåÑé¸ü¼Ñ¡£Èç¹û±êÇ©ÎÄ×Ö½ÏÉÙ£¬Ò²¿ÉÒÔºáÅŲ»ÖÁÓÚÕ¼ÓÃÌ«¶àµÄ±ÊÖ±¿Õ¼ä¡£
±±¾©Êзą́¿Æ¼¼Ô°
ŵµÂÖÐÐÄÒ»ÆÚ2ºÅÂ¥803-805ÊÒ
? Copyright 2008-2021 bjycxf.com
°æȨËùÓÐ ¾©ICP±¸09080439ºÅ ¾©¹«Íø°²±¸11010802012755ºÅ
¹ýÍù½ÔΪÐòÕ δÀ´Ò»ÇпÉÆÚ
ɨһɨ,¼ÓÎÒÆóҵ΢ÐÅ