{"id":10846,"date":"2013-10-19T03:04:00","date_gmt":"2013-10-19T03:04:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/10\/19\/cach-dung-the-input-de-lam-form-trong-html5\/"},"modified":"2013-10-19T03:04:00","modified_gmt":"2013-10-19T03:04:00","slug":"cach-dung-the-input-de-lam-form-trong-html5","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/","title":{"rendered":"C\u00e1ch d\u00f9ng th\u1ebb input \u0111\u1ec3 l\u00e0m Form trong HTML5"},"content":{"rendered":"\n<p>L\u00e0m Form trong HTML5 \u0111\u01a1n gi\u1ea3n h\u01a1n nhi\u1ec1u HTML th\u01b0\u1eddng, l\u00fd do n\u1eb1m \u1edf ch\u1ed7 b\u1ea1n kh\u00f4ng c\u1ea7n d\u00f9ng <a href=\"https:\/\/kiencang.net\/tao-form-dang-ky-bang-javascript-va-the-input\/\" target=\"_blank\" rel=\"noreferrer noopener\">Javascript \u0111\u1ec3 Validate (b\u1eaft l\u1ed7i d\u1eef li\u1ec7u) c\u00e1c tr\u01b0\u1eddng<\/a> n\u1eefa. <\/p>\n\n\n\n<p>T\u1ea5t nhi\u00ean \u0111i\u1ec1u n\u00e0y kh\u00f4ng tuy\u1ec7t \u0111\u1ed1i, m\u1ed9t s\u1ed1 c\u00e1i v\u1eabn ph\u1ea3i d\u00f9ng Javascript, nh\u01b0ng g\u00ec th\u00ec g\u00ec, ch\u01a1i v\u1edbi HTML5, code m\u00e0 b\u1ea1n ph\u1ea3i g\u00f5 s\u1ebd \u00edt h\u01a1n nhi\u1ec1u l\u1ea7n. <\/p>\n\n\n\n<p>Hi\u1ec7n tr\u00ecnh duy\u1ec7t Google Chrome h\u1ed7 tr\u1ee3 t\u1ed1t nh\u1ea5t c\u00e1c th\u1ebb input m\u1edbi, do v\u1eady t\u00f4i khuy\u00ean b\u1ea1n n\u00ean d\u00f9ng anh b\u1ea1n n\u00e0y \u0111\u1ec3 xem c\u00e1c v\u00ed d\u1ee5 trong b\u00e0i vi\u1ebft.<\/p>\n\n\n\n<p>T\u00f4i s\u1ebd b\u1eaft \u0111\u1ea7u lu\u00f4n v\u1edbi th\u1ebb input m\u00e0 b\u1ea1n th\u01b0\u1eddng xuy\u00ean ph\u1ea3i b\u1eaft l\u1ed7i, \u0111\u00f3 l\u00e0 email. N\u1ebfu HTML th\u01b0\u1eddng b\u1ea1n s\u1ebd ph\u1ea3i vi\u1ebft code JS kh\u00e1 d\u00e0i th\u00ec v\u1edbi HTML5, b\u1ea1n ch\u1ec9 c\u1ea7n ghi:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;input type=\"email\"&gt;<\/code><\/pre>\n\n\n\n<p>Gi\u1edd b\u1ea1n th\u1eed g\u00f5 m\u1ed9t \u0111o\u1ea1n kh\u00f4ng ph\u1ea3i email chu\u1ea9n r\u1ed3i nh\u1ea5n <strong>G\u1eedi<\/strong> xem \u0111i\u1ec1u g\u00ec x\u1ea9y ra. Th\u1ebb email \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 t\u1ed1t tr\u00ean \u0111a s\u1ed1 tr\u00ecnh duy\u1ec7t, ngo\u1ea1i tr\u1eeb Safari.<\/p>\n\n\n\n<form action=\"#\">Email: <input name=\"email\" type=\"email\"><br><input type=\"submit\"><\/form>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>\u0110o\u1ea1n code m\u1eabu cho form tr\u00ean l\u00e0:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form action=\"#\"&gt;\nEmail: &lt;input name=\"email\" type=\"email\" \/&gt;\n &lt;input type=\"submit\" \/&gt;\n&lt;\/form&gt;<\/code><\/pre>\n\n\n\n<p>B\u1ea1n c\u0169ng c\u00f2n nh\u1edb, m\u1ed9t y\u00eau c\u1ea7u kh\u00e1c m\u00e0 ch\u00fang ta th\u01b0\u1eddng ph\u1ea3i l\u00e0m v\u1edbi Form, \u0111\u00f3 l\u00e0 kh\u00f4ng cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng b\u1ecf tr\u1ed1ng d\u1eef li\u1ec7u. Code JS cho \u0111i\u1ec1u n\u00e0y r\u1ea5t \u0111\u01a1n gi\u1ea3n, nh\u01b0ng HTML5 c\u00f2n \u0111\u01a1n gi\u1ea3n h\u01a1n! B\u1ea1n ch\u1ec9 c\u1ea7n th\u00eam thu\u1ed9c t\u00ednh <b>required<\/b> v\u00e0o, c\u1ee5 th\u1ec3: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;input type=\"email\" required&gt;<\/code><\/pre>\n\n\n\n<form action=\"#\">Email: <input name=\"email\" type=\"email\"><br><input type=\"submit\"><\/form>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>B\u1ea1n \u0111\u1ec3 tr\u1ed1ng v\u00e0 nh\u1ea5n n\u00fat G\u1eedi (submit) xem sao.<\/p>\n\n\n\n<p>Nh\u01b0 v\u1eady, HTML5 kh\u00f4ng ch\u1ec9 th\u00eam c\u00e1c th\u1ebb m\u1edbi, n\u00f3 c\u00f2n th\u00eam c\u00e1c thu\u1ed9c t\u00ednh m\u1edbi n\u1eefa m\u00e0 required \u1edf tr\u00ean l\u00e0 v\u00ed d\u1ee5.<\/p>\n\n\n\n<p>Thu\u1ed9c t\u00ednh m\u1edbi ti\u1ebfp theo c\u0169ng r\u1ea5t hay d\u00f9ng \u0111\u00f3 l\u00e0 <b>placeholder<\/b>, \u0111\u00e2y l\u00e0 \u0111o\u1ea1n v\u0103n b\u1ea3n trong th\u1ebb input \u0111\u1ec3 nh\u1eafc ng\u01b0\u1eddi d\u00f9ng n\u00ean nh\u1eadp c\u00e1i g\u00ec, v\u00ed d\u1ee5 d\u00f2ng ch\u1eef nh\u1ea1t m\u00e0u &#8220;<span style=\"color: #999999;\">B\u1ea1n nh\u1eadp h\u1ecd t\u00ean v\u00e0o \u0111\u00e2y<\/span>&#8221; \u0111\u01b0\u1ee3c t\u1ea1o b\u1eb1ng placeholder:<\/p>\n\n\n\n<form action=\"#\">\nH\u1ecd t\u00ean: <input name=\"name\" placeholder=\"B\u1ea1n nh\u1eadp h\u1ecd t\u00ean v\u00e0o \u0111\u00e2y\" required=\"\" type=\"text\">\n<input type=\"submit\">\n<\/form>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form action=\"#\"&gt;\nH\u1ecd t\u00ean: &lt;input name=\"name\" placeholder=\"B\u1ea1n nh\u1eadp h\u1ecd t\u00ean v\u00e0o \u0111\u00e2y\" required=\"\" type=\"text\" \/&gt;\n&lt;input type=\"submit\" \/&gt;\n&lt;\/form&gt;<\/code><\/pre>\n\n\n\n<p>Sau \u0111\u00e2y l\u00e0 c\u00e1c ki\u1ec3u input m\u1edbi kh\u00e1c trong HTML5&#8230;<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d68ceb2ca\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d68ceb2ca\"  type=\"checkbox\" id=\"item-6577d68ceb2ca\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/#The_color_%E2%80%93_chon_mau\" title=\"Th\u1ebb color &#8211; ch\u1ecdn m\u00e0u\">Th\u1ebb color &#8211; ch\u1ecdn m\u00e0u<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/#The_number_%E2%80%93_so_ma\" title=\"Th\u1ebb number &#8211; s\u1ed1 m\u00e1\">Th\u1ebb number &#8211; s\u1ed1 m\u00e1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/#The_day_%E2%80%93_ngay_thang_nam\" title=\"Th\u1ebb day &#8211; ng\u00e0y th\u00e1ng n\u0103m\">Th\u1ebb day &#8211; ng\u00e0y th\u00e1ng n\u0103m<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/#The_URL_%E2%80%93_them_dia_chi_website\" title=\"Th\u1ebb URL &#8211; th\u00eam \u0111\u1ecba ch\u1ec9 website\">Th\u1ebb URL &#8211; th\u00eam \u0111\u1ecba ch\u1ec9 website<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_color_%E2%80%93_chon_mau\"><\/span>Th\u1ebb color &#8211; ch\u1ecdn m\u00e0u<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ch\u1ecdn m\u00e0u cho b\u1ea1n:<\/p>\n\n\n\n<form action=\"#\">\n  <input type=\"color\" name=\"mausac\"><br>\n  <input type=\"submit\">\n<\/form>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form action=\"#\"&gt;\n  Ch\u1ecdn m\u00e0u cho b\u1ea1n: &lt;input type=\"color\" name=\"mausac\"&gt;&lt;br&gt;\n  &lt;input type=\"submit\"&gt;\n&lt;\/form&gt;<\/code><\/pre>\n\n\n\n<p>Hi\u1ec7n ch\u1ec9 c\u00f3 Chrome v\u00e0 Opera h\u1ed7 tr\u1ee3 th\u1ebb m\u00e0u.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_number_%E2%80%93_so_ma\"><\/span>Th\u1ebb number &#8211; s\u1ed1 m\u00e1<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Nh\u1eadp gi\u00e1 tr\u1ecb t\u1eeb 1 \u0111\u1ebfn 10: <\/p>\n\n\n\n<form action=\"#\">\n  Nh\u1eadp gi\u00e1 tr\u1ecb t\u1eeb 1 \u0111\u1ebfn 10: <input type=\"number\" name=\"quantity\" min=\"1\" max=\"10\">\n  <input type=\"submit\">\n<\/form>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form action=\"#\"&gt;\n  Nh\u1eadp gi\u00e1 tr\u1ecb t\u1eeb 1 \u0111\u1ebfn 10: &lt;input type=\"number\" name=\"quantity\" min=\"1\" max=\"10\"&gt;\n  &lt;input type=\"submit\"&gt;\n&lt;\/form&gt;<\/code><\/pre>\n\n\n\n<p>V\u1edbi th\u1ebb number b\u1ea1n bu\u1ed9c ph\u1ea3i nh\u1eadp s\u1ed1, th\u1ebb number b\u1ed5 sung th\u00eam c\u00e1c thu\u1ed9c t\u00ednh gi\u00e1 tr\u1ecb nh\u1ecf nh\u1ea5t min, gi\u00e1 tr\u1ecb l\u1edbn nh\u1ea5t max. Ngo\u00e0i ra c\u00f2n c\u1ea3 thu\u1ed9c t\u00ednh step &#8211; b\u01b0\u1edbc nh\u1ea3y. Hi\u1ec7n th\u1ebb number ch\u01b0a \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 tr\u00ean FireFox.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_day_%E2%80%93_ngay_thang_nam\"><\/span>Th\u1ebb day &#8211; ng\u00e0y th\u00e1ng n\u0103m<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ng\u00e0y sinh: <\/p>\n\n\n\n<form action=\"#\">\n  Ng\u00e0y sinh: <input type=\"date\" name=\"ngaysinh\">\n  <input type=\"submit\">\n<\/form>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form action=\"#\"&gt;\n  Ng\u00e0y sinh: &lt;input type=\"date\" name=\"ngaysinh\"&gt;\n  &lt;input type=\"submit\"&gt;\n&lt;\/form&gt;<\/code><\/pre>\n\n\n\n<p>Th\u1ebb day s\u1ebd gi\u00fap b\u1ea1n nhanh ch\u00f3ng l\u1ea5y ng\u00e0y th\u00e1ng n\u0103m c\u1ee5 th\u1ec3 v\u00e0 d\u0129 nhi\u00ean b\u1ea1n c\u0169ng kh\u00f4ng c\u1ea7n code \u0111\u1ec3 validate n\u1eefa, v\u00ec v\u1edbi th\u1ebb n\u00e0y ng\u01b0\u1eddi d\u00f9ng ch\u1ec9 c\u00f3 th\u1ec3 nh\u1eadp ng\u00e0y th\u00e1ng n\u0103m v\u00e0o m\u00e0 th\u00f4i.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_URL_%E2%80%93_them_dia_chi_website\"><\/span>Th\u1ebb URL &#8211; th\u00eam \u0111\u1ecba ch\u1ec9 website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ecba ch\u1ec9 web:<\/p>\n\n\n\n<form action=\"#\">\n  \u0110\u1ecba ch\u1ec9 web: <input type=\"url\" name=\"page\"><br>\n  <input type=\"submit\">\n<\/form>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;form action=\"#\"&gt;\n  \u0110\u1ecba ch\u1ec9 web: &lt;input type=\"url\" name=\"page\"&gt;&lt;br&gt;\n  &lt;input type=\"submit\"&gt;\n&lt;\/form&gt;<\/code><\/pre>\n\n\n\n<p>Th\u1ebb n\u00e0y \u0111a s\u1ed1 c\u00e1c tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3, ch\u1ec9 Safari l\u00e0 ch\u01b0a. Y\u00eau c\u1ea7u nh\u1eadp \u0111\u1ecba ch\u1ec9 trang web ph\u1ea3i c\u00f3 c\u1ea3 http:\/\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u00e0m Form trong HTML5 \u0111\u01a1n gi\u1ea3n h\u01a1n nhi\u1ec1u HTML th\u01b0\u1eddng, l\u00fd do n\u1eb1m \u1edf ch\u1ed7 b\u1ea1n kh\u00f4ng c\u1ea7n d\u00f9ng Javascript \u0111\u1ec3 Validate (b\u1eaft l\u1ed7i d\u1eef li\u1ec7u) c\u00e1c tr\u01b0\u1eddng n\u1eefa. T\u1ea5t nhi\u00ean \u0111i\u1ec1u n\u00e0y kh\u00f4ng tuy\u1ec7t \u0111\u1ed1i, m\u1ed9t s\u1ed1 c\u00e1i v\u1eabn ph\u1ea3i d\u00f9ng Javascript, nh\u01b0ng g\u00ec th\u00ec g\u00ec, ch\u01a1i v\u1edbi HTML5, code m\u00e0 b\u1ea1n ph\u1ea3i g\u00f5 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[235,236],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00e1ch d\u00f9ng th\u1ebb input \u0111\u1ec3 l\u00e0m Form trong HTML5 &#8226; 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\/cach-dung-the-input-de-lam-form-trong-html5\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1ch d\u00f9ng th\u1ebb input \u0111\u1ec3 l\u00e0m Form trong HTML5 &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"L\u00e0m Form trong HTML5 \u0111\u01a1n gi\u1ea3n h\u01a1n nhi\u1ec1u HTML th\u01b0\u1eddng, l\u00fd do n\u1eb1m \u1edf ch\u1ed7 b\u1ea1n kh\u00f4ng c\u1ea7n d\u00f9ng Javascript \u0111\u1ec3 Validate (b\u1eaft l\u1ed7i d\u1eef li\u1ec7u) c\u00e1c tr\u01b0\u1eddng n\u1eefa. T\u1ea5t nhi\u00ean \u0111i\u1ec1u n\u00e0y kh\u00f4ng tuy\u1ec7t \u0111\u1ed1i, m\u1ed9t s\u1ed1 c\u00e1i v\u1eabn ph\u1ea3i d\u00f9ng Javascript, nh\u01b0ng g\u00ec th\u00ec g\u00ec, ch\u01a1i v\u1edbi HTML5, code m\u00e0 b\u1ea1n ph\u1ea3i g\u00f5 &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/\" \/>\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=\"2013-10-19T03:04:00+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=\"3 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1ch d\u00f9ng th\u1ebb input \u0111\u1ec3 l\u00e0m Form trong HTML5 &#8226; 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\/cach-dung-the-input-de-lam-form-trong-html5\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1ch d\u00f9ng th\u1ebb input \u0111\u1ec3 l\u00e0m Form trong HTML5 &#8226; Ki\u1ebfn c\u00e0ng","og_description":"L\u00e0m Form trong HTML5 \u0111\u01a1n gi\u1ea3n h\u01a1n nhi\u1ec1u HTML th\u01b0\u1eddng, l\u00fd do n\u1eb1m \u1edf ch\u1ed7 b\u1ea1n kh\u00f4ng c\u1ea7n d\u00f9ng Javascript \u0111\u1ec3 Validate (b\u1eaft l\u1ed7i d\u1eef li\u1ec7u) c\u00e1c tr\u01b0\u1eddng n\u1eefa. T\u1ea5t nhi\u00ean \u0111i\u1ec1u n\u00e0y kh\u00f4ng tuy\u1ec7t \u0111\u1ed1i, m\u1ed9t s\u1ed1 c\u00e1i v\u1eabn ph\u1ea3i d\u00f9ng Javascript, nh\u01b0ng g\u00ec th\u00ec g\u00ec, ch\u01a1i v\u1edbi HTML5, code m\u00e0 b\u1ea1n ph\u1ea3i g\u00f5 &hellip;","og_url":"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-10-19T03:04:00+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":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/","url":"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/","name":"C\u00e1ch d\u00f9ng th\u1ebb input \u0111\u1ec3 l\u00e0m Form trong HTML5 &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-10-19T03:04:00+00:00","dateModified":"2013-10-19T03:04:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/cach-dung-the-input-de-lam-form-trong-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch d\u00f9ng th\u1ebb input \u0111\u1ec3 l\u00e0m Form trong HTML5"}]},{"@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\/10846"}],"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=10846"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/10846\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=10846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=10846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=10846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}