{"id":10865,"date":"2021-09-09T01:41:00","date_gmt":"2021-09-09T01:41:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/11\/09\/the-radio-button-va-checkbox-trong-html\/"},"modified":"2022-08-20T16:09:24","modified_gmt":"2022-08-20T09:09:24","slug":"radio-button-checkbox-html","status":"publish","type":"post","link":"https:\/\/kiencang.net\/radio-button-checkbox-html\/","title":{"rendered":"Th\u1ebb radio button v\u00e0 checkbox trong HTML"},"content":{"rendered":"\n

Th\u1ef1c ra ch\u00fang \u0111\u1ec1u thu\u1ed9c v\u1ec1 nh\u00f3m th\u1ebb input<\/a> nh\u01b0ng c\u00f3 thu\u1ed9c t\u00ednh type l\u00e0 radio button v\u00e0 checkbox. <\/p>\n\n\n\n

Nh\u00f3m th\u1ebb input l\u00e0 kh\u00f4ng th\u1ec3 thi\u1ebfu khi mu\u1ed1n l\u00e0m form nh\u1eadp li\u1ec7u<\/a> v\u00e0 ch\u00fang th\u01b0\u1eddng xuy\u00ean k\u1ebft h\u1ee3p v\u1edbi Javascript \u0111\u1ec3 validate<\/a> (x\u00e1c th\u1ef1c c\u00e1c tr\u01b0\u1eddng d\u1eef li\u1ec7u). <\/p>\n\n\n\n

B\u00ean c\u1ea1nh 5 type r\u1ea5t hay d\u00f9ng g\u1ed3m: text, password, submit, reset v\u00e0 email<\/a> th\u00ec 2 type chuy\u00ean d\u1ee5ng \u0111\u1ec3 t\u1ea1o c\u00e1c l\u1ef1a ch\u1ecdn l\u00e0 Radio button v\u00e0 Checkbox b\u1ea1n c\u0169ng c\u1ea7n n\u1eafm r\u00f5.<\/p>\n\n\n\n

\n\n\n\n

Radio button<\/h2>\n\n\n\n

Type n\u00e0y \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 ch\u1ecdn m\u1ed9t trong nhi\u1ec1u l\u1ef1a ch\u1ecdn, ch\u1eb3ng h\u1ea1n ch\u1ecdn gi\u1edbi t\u00ednh, ch\u1ecdn qu\u1ed1c gia \u0111ang sinh s\u1ed1ng. <\/p>\n\n\n\n

Code m\u1eabu:<\/p>\n\n\n\n

<form>\n<input name=\"gender\" type=\"radio\" value=\"Nam\" \/>Nam\n<input name=\"gender\" type=\"radio\" value=\"N\u1eef\" \/>N\u1eef\n<input name=\"gender\" type=\"radio\" value=\"Kh\u00e1c\" \/>Kh\u00e1c\n<\/form><\/code><\/pre>\n\n\n\n
K\u1ebft qu\u1ea3:<\/p>\n\n\n\n
Nam
N\u1eef
Kh\u00e1c<\/form>\n\n\n\n
\n\n\n\n
N\u1ebfu b\u1ea1n kh\u00f4ng \u0111\u1ec3 thu\u1ed9c t\u00ednh name<\/code> c\u00f3 c\u00f9ng t\u00ean th\u00ec b\u1ea1n s\u1ebd ch\u1ecdn \u0111\u01b0\u1ee3c 2 c\u00e1i c\u00f9ng l\u00fac, do v\u1eady c\u1ea7n l\u01b0u \u00fd name \u0111\u1ed3ng b\u1ed9 khi d\u00f9ng radio, v\u00ec v\u1edbi radio c\u00f3 ngh\u0129a l\u00e0 ch\u00fang ta mu\u1ed1n ch\u1ec9 m\u1ed9t trong c\u00e1c l\u1ef1a ch\u1ecdn \u0111\u01b0\u1ee3c ch\u1ecdn m\u00e0 th\u00f4i.<\/p>\n\n\n\n
\n\n\n\n
Checkbox<\/h2>\n\n\n\n
Radio buttons d\u00f9ng \u0111\u1ec3 ch\u1ecdn ch\u1ec9 m\u1ed9t c\u00e1i trong nhi\u1ec1u l\u1ef1a ch\u1ecdn c\u00f2n checkbox th\u00ec ng\u01b0\u1ee3c l\u1ea1i, n\u00f3 cho ph\u00e9p b\u1ea1n kh\u00f4ng ch\u1ecdn l\u1ef1a c\u00e1i n\u00e0o ho\u1eb7c ch\u1ecdn nhi\u1ec1u c\u00e1i (t\u1eeb m\u1ed9t cho \u0111\u1ebfn t\u1ea5t c\u1ea3).<\/p>\n\n\n\n
Code m\u1eabu:<\/p>\n\n\n\n
<form>\n<input type=\"checkbox\" name=\"sport\" value=\"B\u00f3ng \u0111\u00e1\">B\u00f3ng \u0111\u00e1\n<input type=\"checkbox\" name=\"sport\" value=\"B\u01a1i l\u1ed9i\">B\u01a1i l\u1ed9i\n<input type=\"checkbox\" name=\"sport\" value=\"\u0110i\u1ec1n kinh\">\u0110i\u1ec1n kinh\n<input type=\"checkbox\" name=\"sport\" value=\"C\u1ea7u l\u00f4ng\">C\u1ea7u l\u00f4ng\n<input type = \"checkbox\" name= \"sport\" value=\"V\u00f5 thu\u1eadt\">V\u00f5 thu\u1eadt\n<\/form><\/code><\/pre>\n\n\n\n
K\u1ebft qu\u1ea3:<\/p>\n\n\n\nB\u00f3ng \u0111\u00e1
B\u01a1i l\u1ed9i
\u0110i\u1ec1n kinh
C\u1ea7u l\u00f4ng
V\u00f5 thu\u1eadt<\/form>\n\n\n\n
\n\n\n\n
Thu\u1ed9c t\u00ednh checked<\/h2>\n\n\n\n
\u0110\u00e2y l\u00e0 thu\u1ed9c t\u00ednh \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 \u0111\u00e1nh d\u1ea5u tr\u01b0\u1edbc m\u1ed9t l\u1ef1a ch\u1ecdn n\u00e0o \u0111\u00f3, ch\u1eb3ng h\u1ea1n m\u1ed9t Form nh\u1eadp li\u1ec7u y\u00eau c\u1ea7u b\u1ea1n nh\u1eadp Qu\u1ed1c gia \u0111ang sinh s\u1ed1ng, nh\u01b0ng n\u00f3 c\u0169ng x\u00e1c \u0111\u1ecbnh \u0111\u01b0\u1ee3c \u0111\u1ecba ch\u1ec9 IP c\u1ee7a b\u1ea1n xu\u1ea5t ph\u00e1t t\u1eeb Vi\u1ec7t Nam n\u00ean \u0111\u00e3 tick s\u1eb5n v\u00e0o \u0111\u00e2y t\u1eeb tr\u01b0\u1edbc cho b\u1ea1n. <\/p>\n\n\n\n
\u0110i\u1ec1u n\u00e0y gi\u00fap ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n gi\u1ea3m thi\u1ec3u c\u00e1c thao t\u00e1c ph\u1ea3i nh\u1eadp v\u00e0 c\u0169ng h\u1ea1n ch\u1ebf \u0111\u01b0\u1ee3c t\u1ed1i \u0111a vi\u1ec7c nh\u1eadp sai d\u1eef li\u1ec7u. V\u00ed d\u1ee5:<\/p>\n\n\n\nVi\u1ec7t Nam
Trung Qu\u1ed1c
Nh\u1eadt B\u1ea3n
H\u00e0n Qu\u1ed1c<\/form>\n\n\n\n
\n\n\n\n
Code m\u1eabu:<\/p>\n\n\n\n
<form>\n<input checked=\"checked\" name=\"gioitinh\" type=\"radio\" value=\"VN\" \/>Vi\u1ec7t Nam\n<input name=\"gioitinh\" type=\"radio\" value=\"TQ\" \/>Trung Qu\u1ed1c\n<input name=\"gioitinh\" type=\"radio\" value=\"NB\" \/>Nh\u1eadt B\u1ea3n\n<input name=\"gioitinh\" type=\"radio\" value=\"HQ\" \/>H\u00e0n Qu\u1ed1c\n<\/form><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Th\u1ef1c ra ch\u00fang \u0111\u1ec1u thu\u1ed9c v\u1ec1 nh\u00f3m th\u1ebb input nh\u01b0ng c\u00f3 thu\u1ed9c t\u00ednh type l\u00e0 radio button v\u00e0 checkbox. Nh\u00f3m th\u1ebb input l\u00e0 kh\u00f4ng th\u1ec3 thi\u1ebfu khi mu\u1ed1n l\u00e0m form nh\u1eadp li\u1ec7u v\u00e0 ch\u00fang th\u01b0\u1eddng xuy\u00ean k\u1ebft h\u1ee3p v\u1edbi Javascript \u0111\u1ec3 validate (x\u00e1c th\u1ef1c c\u00e1c tr\u01b0\u1eddng d\u1eef li\u1ec7u). B\u00ean c\u1ea1nh 5 type r\u1ea5t hay d\u00f9ng g\u1ed3m: text, …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[235],"tags":[],"yoast_head":"\nTh\u1ebb radio button v\u00e0 checkbox trong HTML • Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/radio-button-checkbox-html\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Th\u1ebb radio button v\u00e0 checkbox trong HTML • Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Th\u1ef1c ra ch\u00fang \u0111\u1ec1u thu\u1ed9c v\u1ec1 nh\u00f3m th\u1ebb input nh\u01b0ng c\u00f3 thu\u1ed9c t\u00ednh type l\u00e0 radio button v\u00e0 checkbox. Nh\u00f3m th\u1ebb input l\u00e0 kh\u00f4ng th\u1ec3 thi\u1ebfu khi mu\u1ed1n l\u00e0m form nh\u1eadp li\u1ec7u v\u00e0 ch\u00fang th\u01b0\u1eddng xuy\u00ean k\u1ebft h\u1ee3p v\u1edbi Javascript \u0111\u1ec3 validate (x\u00e1c th\u1ef1c c\u00e1c tr\u01b0\u1eddng d\u1eef li\u1ec7u). B\u00ean c\u1ea1nh 5 type r\u1ea5t hay d\u00f9ng g\u1ed3m: text, …\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/radio-button-checkbox-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-09T01:41:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-20T09:09:24+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Th\u1ebb radio button v\u00e0 checkbox trong HTML • Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/radio-button-checkbox-html\/","og_locale":"vi_VN","og_type":"article","og_title":"Th\u1ebb radio button v\u00e0 checkbox trong HTML • Ki\u1ebfn c\u00e0ng","og_description":"Th\u1ef1c ra ch\u00fang \u0111\u1ec1u thu\u1ed9c v\u1ec1 nh\u00f3m th\u1ebb input nh\u01b0ng c\u00f3 thu\u1ed9c t\u00ednh type l\u00e0 radio button v\u00e0 checkbox. Nh\u00f3m th\u1ebb input l\u00e0 kh\u00f4ng th\u1ec3 thi\u1ebfu khi mu\u1ed1n l\u00e0m form nh\u1eadp li\u1ec7u v\u00e0 ch\u00fang th\u01b0\u1eddng xuy\u00ean k\u1ebft h\u1ee3p v\u1edbi Javascript \u0111\u1ec3 validate (x\u00e1c th\u1ef1c c\u00e1c tr\u01b0\u1eddng d\u1eef li\u1ec7u). B\u00ean c\u1ea1nh 5 type r\u1ea5t hay d\u00f9ng g\u1ed3m: text, …","og_url":"https:\/\/kiencang.net\/radio-button-checkbox-html\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-09-09T01:41:00+00:00","article_modified_time":"2022-08-20T09:09:24+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/radio-button-checkbox-html\/","url":"https:\/\/kiencang.net\/radio-button-checkbox-html\/","name":"Th\u1ebb radio button v\u00e0 checkbox trong HTML • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-09-09T01:41:00+00:00","dateModified":"2022-08-20T09:09:24+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/radio-button-checkbox-html\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/radio-button-checkbox-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/radio-button-checkbox-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Th\u1ebb radio button v\u00e0 checkbox trong HTML"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/10865"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=10865"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/10865\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=10865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=10865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=10865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}