{"id":75404,"date":"2021-08-18T12:56:55","date_gmt":"2021-08-18T03:56:55","guid":{"rendered":"https:\/\/web-camp.io\/magazine\/?p=75404"},"modified":"2024-07-26T12:02:59","modified_gmt":"2024-07-26T03:02:59","slug":"%e3%80%90html-input%e3%80%91input%e3%82%bf%e3%82%b0%e3%81%a8%e3%81%af%ef%bc%9f%e4%bd%bf%e3%81%84%e6%96%b9%e3%82%92%e5%9f%ba%e7%a4%8e%e3%81%8b%e3%82%89%e5%be%b9%e5%ba%95%e8%a7%a3%e8%aa%ac%e3%80%80","status":"publish","type":"post","link":"https:\/\/web-camp.io\/magazine\/archives\/75404\/","title":{"rendered":"\u3010HTML input\u3011input\u30bf\u30b0\u3068\u306f\uff1f\u4f7f\u3044\u65b9\u3092\u57fa\u790e\u304b\u3089\u5fb9\u5e95\u89e3\u8aac\u3000"},"content":{"rendered":"

input\u30bf\u30b0\u3068\u306f\u3001\u5165\u529b\u3064\u307e\u308a\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306e\u6700\u521d\u306e\u30c8\u30ea\u30ac\u3068\u306a\u308b\u3082\u306e\u3067\u3059\u3002\u69d8\u3005\u306a\u3082\u306e\u304c\u3042\u308a\u3001\u30dc\u30bf\u30f3\u3067\u3042\u3063\u305f\u308a\u5165\u529b\u30dc\u30c3\u30af\u30b9\u306a\u3069\u591a\u5c90\u306b\u308f\u305f\u308a\u307e\u3059\u3002\u4eca\u56de\u306e\u8a18\u4e8b\u3067\u306finput\u30bf\u30b0<\/span>\u306e\u4f7f\u3044\u65b9\u3084\u6ce8\u610f\u70b9\u306b\u3064\u3044\u3066\u7d39\u4ecb\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n

input\u30bf\u30b0\u3068\u306f\uff1f\u3069\u3093\u306a\u7a2e\u985e\u304c\u3042\u308b\u304b\u7d39\u4ecb<\/h2>\n

input\u30bf\u30b0\u306b\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u69d8\u3005\u306aType\u304c\u5b58\u5728\u3057\u307e\u3059\u3002Type\u3092\u6307\u5b9a\u3059\u308b\u3060\u3051\u3067\u7c21\u5358\u306b\u69d8\u3005\u306a\u5165\u529b\u30a4\u30f3\u30bf\u30d5\u30a7\u30fc\u30b9\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059<\/span>\u3002<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Type<\/td>\n\u8aac\u660e<\/td>\n\u30a4\u30e1\u30fc\u30b8<\/td>\n<\/tr>\n
button<\/a><\/td>\n\u30dc\u30bf\u30f3<\/td>\n\"\"<\/td>\n<\/tr>\n
checkbox<\/a><\/td>\n\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9<\/td>\n\"\"<\/td>\n<\/tr>\n
color<\/a><\/td>\n\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8<\/td>\n\"\"<\/td>\n<\/tr>\n
datetime-local<\/a><\/td>\n\u5e74\uff08\u897f\u66a6\uff09\/\u6708\/\u65e5\u3000\u6642:\u5206<\/td>\n\"\"<\/td>\n<\/tr>\n
date<\/a><\/td>\n\u5e74\uff08\u897f\u66a6\uff09\/\u6708\/\u65e5<\/td>\n\"\"<\/td>\n<\/tr>\n
email<\/a><\/td>\n\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/td>\n\"\"<\/td>\n<\/tr>\n
file<\/a><\/td>\n\u30d5\u30a1\u30a4\u30eb\u306e\u9078\u629e<\/td>\n\"\"<\/td>\n<\/tr>\n
hidden<\/a><\/td>\n\u96a0\u3057\u30c7\u30fc\u30bf<\/td>\n\u3010\u4f55\u3082\u8868\u793a\u3055\u308c\u307e\u305b\u3093\u3011<\/td>\n<\/tr>\n
image<\/a><\/td>\n\u753b\u50cf\u306b\u3088\u308b\u9001\u4fe1\u30dc\u30bf\u30f3<\/td>\n\"\"<\/td>\n<\/tr>\n
month<\/a><\/td>\n\u5e74 \u6708<\/td>\n\"\"<\/td>\n<\/tr>\n
number<\/a><\/td>\n\u6570\u5b57\u306e\u5165\u529b<\/td>\n\"\"<\/td>\n<\/tr>\n
password<\/a><\/td>\n\u30d1\u30b9\u30ef\u30fc\u30c9\u5165\u529b<\/td>\n\"\"<\/td>\n<\/tr>\n
radio<\/a><\/td>\n\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3<\/td>\n\"\"<\/td>\n<\/tr>\n
range<\/a><\/td>\n\u7bc4\u56f2\u9078\u629e<\/td>\n\"\"<\/td>\n<\/tr>\n
reset<\/a><\/td>\n\u30ea\u30bb\u30c3\u30c8\u30dc\u30bf\u30f3<\/td>\n\"\"<\/td>\n<\/tr>\n
search<\/a><\/td>\n\u691c\u7d22\u30dc\u30c3\u30af\u30b9<\/td>\n\"\"<\/td>\n<\/tr>\n
submit<\/a><\/td>\n\u9001\u4fe1\u30dc\u30bf\u30f3<\/td>\n\"\"<\/td>\n<\/tr>\n
tel<\/a><\/td>\n\u96fb\u8a71\u756a\u53f7<\/td>\n\"\"<\/td>\n<\/tr>\n
text<\/a><\/td>\n\u30c6\u30ad\u30b9\u30c8\u5165\u529b<\/td>\n\"\"<\/td>\n<\/tr>\n
time<\/a><\/td>\n\u6642\u9593\u3068\u5206\u3092\u5165\u529b<\/td>\n\"\"<\/td>\n<\/tr>\n
url<\/a><\/td>\n\u30b5\u30a4\u30c8\u306eURL<\/td>\n\"\"<\/td>\n<\/tr>\n
week<\/a><\/td>\n\u65e5\u4ed8\u304b\u3089\u9031\u3092\u9078\u629e<\/td>\n\"\"<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

input\u30bf\u30b0\u306eType\u4e00\u89a7<\/h2>\n

button<\/h3>\n

\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

value\u5c5e\u6027\u306e\u4e2d\u306b\u8868\u793a\u3057\u305f\u3044\u6587\u5b57\u5217\u3092\u5165\u308c\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n

<\/i> HTML<\/span>\n
<input type=\"button\" value=\"\u30dc\u30bf\u30f3\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"\u30dc\u30bf\u30f3\"<\/p>\n<\/div><\/div><\/a><\/p>\n
checkbox<\/h3>\n
\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068value\u5c5e\u6027\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  <label><input type=\"checkbox\" name=\"group1\" value=\"\u3042\">\u3042<\/label>\n  <label><input type=\"checkbox\" name=\"group1\" value=\"\u3044\">\u3044<\/label>\n  <label><input type=\"checkbox\" name=\"group1\" value=\"\u3046\">\u3046<\/label>\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\"<\/p>\n<\/div><\/div><\/a><\/p>\n
color<\/h3>\n
\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u8272\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\uff1a<input type=\"color\" name=\"color\" value=\"#ffffff\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"\u30ab\u30e9\u30fc\u30d1\u30ec\u30c3\u30c8\"<\/p>\n<\/div><\/div><\/a><\/p>\n
datetime-local<\/h3>\n
\u5e74\u6708\u65e5\u6642\u5206\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u5e74\u6708\u65e5\u6642\u5206\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u5e74\uff08\u897f\u66a6\uff09\/\u6708\/\u65e5\u6642:\u5206\uff1a<input type=\"datetime-local\" name=\"datetime-local\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"datetime-local\"<\/p>\n<\/div><\/div><\/a><\/p>\n
date<\/h3>\n
\u5e74\u6708\u65e5\u304c\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u5e74\u6708\u65e5\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u5e74\uff08\u897f\u66a6\uff09\/\u6708\/\u65e5\uff1a<input type=\"date\" name=\"date\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"date\"<\/p>\n<\/div><\/div><\/a><\/p>\n
email<\/h3>\n
\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u5165\u529b\u6b04\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"email\"<\/span> name=\"email\" placeholder<\/span>=\"aaa@example.com\"<\/span>><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"email\"<\/p>\n<\/div><\/div><\/a><\/p>\n
file<\/h3>\n
\u30d5\u30a1\u30a4\u30eb\u9078\u629e\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
accept\u5c5e\u6027<\/a>\u306b\u3066\u3001\u4efb\u610f\u306e\u30d5\u30a1\u30a4\u30eb\u6307\u5b9a\u3092\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"file\" name=\"file\"<\/span> accept=\".jpg,.gif,.png,image\/gif,image\/jpeg,image\/png\"><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"file\"<\/p>\n<\/div><\/div><\/a><\/p>\n
hidden<\/h3>\n
\u753b\u9762\u4e0a\u306b\u306f\u8868\u793a\u3055\u308c\u306a\u3044\u30c7\u30fc\u30bf\u3092\u9001\u4fe1\u3057\u305f\u3044\u3068\u304d\u306b\u5229\u7528\u3057\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068value\u5c5e\u6027\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u305f\u3060\u3057\u3001\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9\u8868\u793a\u3092\u884c\u3046\u3068\u8ab0\u3067\u3082\u898b\u308c\u3066\u3057\u307e\u3044\u307e\u3059\u306e\u3067\u6ce8\u610f\u304f\u3060\u3055\u3044\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"hidden\" name=\"hidden\" value=\"HiddenData\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\u203b\u4f55\u3082\u8868\u793a\u3055\u308c\u307e\u305b\u3093<\/p>\n<\/div><\/div><\/a><\/p>\n
image<\/h3>\n
\u4efb\u610f\u306e\u753b\u50cf\u3092\u30dc\u30bf\u30f3\u306b\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"image\"<\/span> src<\/span>=\"submit.jpg\"<\/span> alt<\/span>=\"\u9001\u4fe1\"<\/span>><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"image\"<\/p>\n<\/div><\/div><\/a><\/p>\n
month<\/h3>\n
\u5e74\u6708\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u5e74\u6708\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u5e74\u3000\u6708\uff1a<input type=\"month\" name=\"month\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"month\"<\/p>\n<\/div><\/div><\/a><\/p>\n
number<\/h3>\n
\u6570\u5024\u306e\u5165\u529b\u6b04\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u6570\u5024\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u6570\u5b57\uff1a<input type=\"number\" name=\"number\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"number\"<\/p>\n<\/div><\/div><\/a><\/p>\n
password<\/h3>\n
\u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u5165\u529b\u6b04\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u5165\u529b\u6642\u306b\u25cf\u5370\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u6570\u5024\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u305f\u3060\u3057\u3001\u30c7\u30fc\u30bf\u306f\u6697\u53f7\u5316\u3055\u308c\u3066\u3044\u308b\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u30d1\u30b9\u30ef\u30fc\u30c9\uff1a<input type=\"password\" name=\"password\" maxlength=\"16\" value=\"12345678\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"password\"<\/p>\n<\/div><\/div><\/a><\/p>\n
radio<\/h3>\n
\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u306f\u3069\u308c\u304b\u4e00\u3064\u3057\u304b\u9078\u629e\u3067\u304d\u307e\u305b\u3093\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068value\u5c5e\u6027\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"radio\" name=\"radio\" value=\"yes\">\u306f\u3044\n<input type=\"radio\" name=\"radio\" value=\"no\">\u3044\u3044\u3048<\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"radio\"<\/p>\n<\/div><\/div>\n
range<\/h3>\n
\u7bc4\u56f2\u5165\u529b\u30b2\u30fc\u30b8\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u97f3\u91cf\u30dc\u30ea\u30e5\u30fc\u30e0\u306a\u3069\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u30b2\u30fc\u30b8\u306e\u5024\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u7bc4\u56f2\u9078\u629e\uff1a<input type=\"range\" name=\"range\" min=\"0\" max=\"100\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"range\"<\/p>\n<\/div><\/div>\n
reset<\/h3>\n
text\u30dc\u30c3\u30af\u30b9\u306a\u3069\u306e\u5165\u529b\u30c7\u30fc\u30bf\u3092\u30ea\u30bb\u30c3\u30c8\u3059\u308b\u30dc\u30bf\u30f3\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u4e00\u822c\u7684\u306b\u306f\u3001\u62bc\u3057\u9593\u9055\u3044\u3092\u9632\u3050\u305f\u3081\u30ea\u30bb\u30c3\u30c8\u30dc\u30bf\u30f3\u306f\u4f5c\u6210\u3057\u306a\u3044\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  <label for=\"id\">\u96fb\u8a71\u756a\u53f7\uff1a<input type=\"text\" name=\"phonenumber\"><\/label><br>\n  <input type=\"reset\" value=\"\u30ea\u30bb\u30c3\u30c8\">\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"reset\"<\/p>\n<\/div><\/div><\/a><\/p>\n
search<\/h3>\n
\u691c\u7d22\u7528\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
autocomplete\u5c5e\u6027<\/a>\u3084\u3001list\u5c5e\u6027<\/a>\u3067\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u30c7\u30fc\u30bf\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"search\" name=\"search\" autocomplete=\"on\" list=\"list\">\n<datalist id=\"list\">\n  <option value=\"input\">\n  <option value=\"button\">\n  <option value=\"checkbox\">\n  <option value=\"color\">\n<\/datalist>\n<input type=\"submit\" value=\"\u691c\u7d22\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"search\"<\/p>\n<\/div><\/div><\/a><\/p>\n
submit<\/h3>\n
\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"submit\" value=\"\u9001\u4fe1\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"submit\"<\/p>\n<\/div><\/div><\/a><\/p>\n
tel<\/h3>\n
\u96fb\u8a71\u756a\u53f7\u5165\u529b\u6b04\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
pattern\u5c5e\u6027<\/a>\u306b\u3088\u308a\u3001\u5165\u529b\u30c7\u30fc\u30bf\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002placeholder\u5c5e\u6027<\/a>\u306b\u3088\u308a\u521d\u671f\u5024\u3092\u5165\u308c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u30c7\u30fc\u30bf\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  \u96fb\u8a71\u756a\u53f7\uff1a<input type=\"tel\" neme=\"tel\" pattern=\"[0-9]{3}-[0-9]{4}-[0-9]{4}\" placeholder=\"090-1234-5678\">\n  <input type=\"submit\" value=\"\u9001\u4fe1\">\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"tel\"<\/p>\n<\/div><\/div><\/a><\/p>\n
text<\/h3>\n
1\u884c\u30c6\u30ad\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u3092\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u30c7\u30fc\u30bf\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u30c6\u30ad\u30b9\u30c8\uff1a<input type=\"text\" name=\"text\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"text\"<\/p>\n<\/div><\/div><\/a><\/p>\n
time<\/h3>\n
\u6642\u523b\u306e\u5165\u529b\u6b04\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u6642\u523b\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u6642:\u5206\uff1a<input type=\"time\" name=\"time\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"time\"<\/p>\n<\/div><\/div><\/a><\/p>\n
url<\/h3>\n
URL\u5165\u529b\u30dc\u30c3\u30af\u30b9\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305fURL\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n
http:\/\/\u3084https:\/\/\u304b\u3089\u59cb\u307e\u3089\u306a\u3044\u5834\u5408\u306f\u300cURL\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u300d\u3068\u30a8\u30e9\u30fc\u30e1\u30c3\u30bb\u30fc\u30b8\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  <input type=\"url\" name=\"url\">\n  <input type=\"submit\" value=\"\u9001\u4fe1\">\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"url\"<\/p>\n<\/div><\/div><\/a><\/p>\n
week<\/h3>\n
\u9031\u306e\u5165\u529b\u6b04\u304c\u4f5c\u6210\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u30c7\u30fc\u30bf\u304c\u9001\u4fe1\u3055\u308c\u308b\u969b\u306f\u3001name\u5c5e\u6027\u3068\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u9031\u304c\u30bb\u30c3\u30c8\u3067\u9001\u4fe1\u3055\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
xx\u5e74\u7b2cx\u9031\uff1a<input type=\"week\" name=\"week\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"week\"<\/p>\n<\/div><\/div>\n
input\u30bf\u30b0\u306e\u4f7f\u3044\u65b9<\/h2>\n
\u57fa\u672c\u7684\u306a\u4f7f\u3044\u65b9<\/h3>\n
\u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5\u3092\u7d39\u4ecb\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n
\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a18\u8f09\u3057\u3066\u201d\u5c5e\u6027\u540d\u201d\u306bbutton\u3001text\u306a\u3069\u4f7f\u7528\u3057\u305f\u3044\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"\u5c5e\u6027\u540d\"><\/pre>\n<\/div>\n
\u5c5e\u6027\u306e\u4f7f\u3044\u65b9<\/h3>\n
name\u5c5e\u6027<\/h4>\n
\u90e8\u54c1\u306b\u540d\u524d\u3092\u3064\u3051\u307e\u3059<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  <label><input type=\"checkbox\" name=\"group1\">\u3042<\/label>\n  <label><input type=\"checkbox\" name=\"group1\">\u3044<\/label>\n  <label><input type=\"checkbox\" name=\"group1\">\u3046<\/label>\n<\/form><\/pre>\n<\/div><\/a><\/p>\n
value\u5c5e\u6027<\/h4>\n
\u5165\u529b\u306e\u521d\u671f\u5024\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u3042\u3089\u304b\u3058\u3081\u3001\u521d\u671f\u5024\u3092\u5165\u529b\u3057\u3066\u304a\u304d\u305f\u3044\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"text\"  value=\"\u30c6\u30ad\u30b9\u30c8\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"value\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
maxlength\u5c5e\u6027<\/h4>\n
\u5165\u529b\u306e\u6700\u5927\u6587\u5b57\u6570\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n
\u6307\u5b9a\u3057\u306a\u3044\u5834\u5408\u3001\u7121\u5236\u9650\u306b\u5165\u529b\u304c\u53ef\u80fd\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"text\"  maxlength= 2><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"maxlength\"<\/p>\n<\/div><\/div><\/a><\/p>\n
checked\u5c5e\u6027<\/h4>\n
\u3042\u3089\u304b\u3058\u3081\u30c1\u30a7\u30c3\u30af\u3092\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u300c=”checked”\u300d\u306f\u7701\u7565\u53ef\u80fd\u3067\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  <label><input type=\"checkbox\" name=\"group1\" checked=\"checked\">\u3042<\/label>\n  <label><input type=\"checkbox\" name=\"group1\">\u3044<\/label>\n  <label><input type=\"checkbox\" name=\"group1\" checked=\"checked\">\u3046<\/label>\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"chekced\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
disabled\u5c5e\u6027<\/h4>\n
\u90e8\u54c1\u3092\u7121\u52b9\u5316\u3057\u307e\u3059\u3002<\/p>\n
\u300c=”disabled”\u300d\u306f\u7701\u7565\u53ef\u80fd\u3067\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  <label><input type=\"checkbox\" name=\"group1\" checked=\"checked\">\u3042<\/label>\n  <label><input type=\"checkbox\" name=\"group1\" disabled=\"disabled\">\u3044<\/label>\n  <label><input type=\"checkbox\" name=\"group1\" checked=\"checked\" disabled=\"disabled\">\u3046<\/label>\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"disabled\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
readonly\u5c5e\u6027<\/h4>\n
\u66f8\u304d\u63db\u3048\u304c\u3067\u304d\u306a\u3044\u3088\u3046\u306b\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u300c=”readonly”\u300d\u306f\u7701\u7565\u53ef\u80fd\u3067\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"text\"  value=\"\u30c6\u30ad\u30b9\u30c8\" readonly=\"readonly\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"readonly\u5c5e\u6027\"<\/p>\n
\u203b\u66f8\u304d\u63db\u3048\u304c\u3067\u304d\u306a\u304f\u306a\u308b<\/p>\n<\/div><\/div><\/a><\/p>\n
accept\u5c5e\u6027<\/h4>\n
\u30d5\u30a1\u30a4\u30eb\u7a2e\u985e\uff08MINE\u30bf\u30a4\u30d7\uff09\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n
,\uff08\u30ab\u30f3\u30de\uff09\u533a\u5207\u308a\u306b\u3066\u8907\u6570\u6307\u5b9a\u53ef\u80fd\u3067\u3059\u3002<\/p>\n
\u4e3b\u306aMINE\u30bf\u30a4\u30d7<\/h5>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u30d5\u30a1\u30a4\u30eb\u7a2e\u985e<\/td>\n\u62e1\u5f35\u5b50<\/td>\nMINE\u30bf\u30a4\u30d7<\/td>\n<\/tr>\n
GIF<\/td>\n.gif<\/td>\nimage\/gif<\/td>\n<\/tr>\n
JPEG<\/td>\n.jpg, .jpeg<\/td>\nimage\/jpeg<\/td>\n<\/tr>\n
PNG<\/td>\n.png<\/td>\nimage\/png<\/td>\n<\/tr>\n
\u30c6\u30ad\u30b9\u30c8<\/td>\n.txt<\/td>\ntext\/plain<\/td>\n<\/tr>\n
HTML<\/td>\n.html, .htm<\/td>\ntext\/html<\/td>\n<\/tr>\n
CSS<\/td>\n.css<\/td>\ntext\/css<\/td>\n<\/tr>\n
JavaScript<\/td>\n.js<\/td>\ntext\/javascript<\/td>\n<\/tr>\n
AVI<\/td>\n.avi<\/td>\nvideo\/x-msvideo<\/td>\n<\/tr>\n
MP3<\/td>\n.mp3<\/td>\naudio\/mpeg<\/td>\n<\/tr>\n
PDF<\/td>\n.pdf<\/td>\napplication\/pdf<\/td>\n<\/tr>\n
Word<\/td>\n.doc, .docx<\/td>\napplication\/msword<\/td>\n<\/tr>\n
Excel<\/td>\n.xls, .xlsx<\/td>\napplication\/msexcel<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"file\"<\/span> accept=\".jpg,.gif,.png,image\/gif,image\/jpeg,image\/png\"><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"accept\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
src\u5c5e\u6027<\/h4>\n
\u753b\u50cf\u306e\u6307\u5b9a\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"image\"<\/span> src<\/span>=\"submit.jpg\"<\/span> alt<\/span>=\"\u9001\u4fe1\"<\/span>><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"src\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
alt\u5c5e\u6027<\/h4>\n
\u753b\u50cf\u306e\u4ee3\u308f\u308a\u306b\u8868\u793a\u3055\u308c\u308b\u30c6\u30ad\u30b9\u30c8\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u753b\u50cf\u306eURI\u304c\u9593\u9055\u3063\u3066\u3044\u308b\u3068\u304d\u3084\u3001\u30a2\u30af\u30bb\u30b9\u3067\u304d\u306a\u3044\u5834\u5408\u306b\u4ee3\u308f\u308a\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u307e\u305f\u3001\u97f3\u58f0\u8aad\u307f\u4e0a\u3052\u30bd\u30d5\u30c8\u3067\u306f\u3001\u753b\u50cf\u306e\u4ee3\u308f\u308a\u306b\u8aad\u307f\u4e0a\u3052\u3089\u308c\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"image\"<\/span> src<\/span>=\"submit.jpg\"<\/span> alt<\/span>=\"\u9001\u4fe1\"<\/span>><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"alt\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
autocomplete\u5c5e\u6027<\/h4>\n
on\u306b\u3059\u308b\u3068\u904e\u53bb\u306b\u5165\u529b\u3057\u305f\u3082\u306e\u304c\u5019\u88dc\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u4ee3\u8868\u7684\u306a\u3082\u306e\u306b\u4ee5\u4e0b\u306e\u30d1\u30e9\u30e1\u30fc\u30bf\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u5024<\/td>\n\u8aac\u660e<\/td>\n<\/tr>\n
on<\/td>\n\u81ea\u52d5\u3067\u5019\u88dc\u3092\u8868\u793a\u3059\u308b<\/td>\n<\/tr>\n
off<\/td>\n\u81ea\u52d5\u3067\u5019\u88dc\u3092\u8868\u793a\u3057\u306a\u3044<\/td>\n<\/tr>\n
name<\/td>\n\u540d\u524d<\/td>\n<\/tr>\n
family-name<\/td>\n\u6027<\/td>\n<\/tr>\n
given-name<\/span><\/td>\n\u540d<\/td>\n<\/tr>\n
email<\/td>\n\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/td>\n<\/tr>\n
current-password<\/td>\n\u73fe\u5728\u306e\u30d1\u30b9\u30ef\u30fc\u30c9<\/td>\n<\/tr>\n
new-password<\/td>\n\u65b0\u3057\u3044\u30d1\u30b9\u30ef\u30fc\u30c9<\/td>\n<\/tr>\n
bday<\/td>\n\u751f\u5e74\u6708\u65e5<\/td>\n<\/tr>\n
bd-year<\/span><\/td>\n\u751f\u5e74\u6708\u65e5\u306e\u5e74<\/td>\n<\/tr>\n
bday-month<\/td>\n\u751f\u5e74\u6708\u65e5\u306e\u6708<\/td>\n<\/tr>\n
bday-day<\/span><\/td>\n\u751f\u5e74\u6708\u65e5<\/span>\u306e\u65e5<\/span><\/td>\n<\/tr>\n
tel<\/td>\n\u96fb\u8a71\u756a\u53f7<\/td>\n<\/tr>\n
tel-area-code\u00a0<\/span><\/td>\n\u5e02\u5916\u5c40\u756a<\/span><\/td>\n<\/tr>\n
tel-local<\/td>\n\u56fd\u756a\u53f7\u3084\u5e02\u5916\u5c40\u756a\u3092\u542b\u307e\u306a\u3044\u96fb\u8a71\u756a\u53f7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n  
<\/i> HTML<\/span>\n
<input type=\"email\" name=\"email\" autocomplete=\"email\"><\/pre>\n<\/div><\/a><\/p>\n
list\u5c5e\u6027<\/h4>\n
datalist\u306b\u3066\u5b9a\u7fa9\u3057\u305f\u30c7\u30fc\u30bf\u3092\u9078\u629e\u5019\u88dc\u3068\u3057\u3066\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n
datalist\u30bf\u30b0\u306eid\u3068input\u30bf\u30b0\u306elist\u5c5e\u6027\u3092\u540c\u3058\u306b\u3059\u308b\u3053\u3068\u3067\u3001\u95a2\u9023\u4ed8\u3051\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"search\" name=\"search\" autocomplete=\"on\" list=\"list\">\n<datalist id=\"list\">\n  <option value=\"input\">\n  <option value=\"button\">\n  <option value=\"checkbox\">\n  <option value=\"color\">\n<\/datalist>\n<input type=\"submit\" value=\"\u691c\u7d22\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"list\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
pattern\u5c5e\u6027<\/h4>\n
\u6b63\u898f\u8868\u73fe\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u306b\u3088\u308a\u3001\u5165\u529b\u5024\u306b\u5236\u9650\u3092\u304b\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u4f8b\u3048\u3070\u534a\u89d2\u82f1\u6570\u5b57\u3067\u5236\u9650\u3057\u305f\u3044\u5834\u5408\u306f\u3001pattern=”^[0-9A-Za-z]+$” \u3068\u3044\u3063\u305f\u3088\u3046\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n  \u96fb\u8a71\u756a\u53f7\uff1a<input type=\"tel\" neme=\"tel\" pattern=\"[0-9]{3}-[0-9]{4}-[0-9]{4}\" placeholder=\"090-1234-5678\">\n  <input type=\"submit\" value=\"\u9001\u4fe1\">\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"pattern\u5c5e\u6027\"<\/p>\n<\/div><\/div><\/a><\/p>\n
placeholder\u5c5e\u6027<\/h4>\n
value\u5c5e\u6027\u306e\u3088\u3046\u306b\u3001\u521d\u671f\u5024\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n
\u8584\u3044\u7070\u8272\u3067\u30e6\u30fc\u30b6\u30fc\u306b\u30d2\u30f3\u30c8\u3092\u4e0e\u3048\u308b\u305f\u3081\u306b\u6587\u5b57\u5217\u3092\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u305d\u306e\u305f\u3081\u5165\u529b\u3092\u59cb\u3081\u308b\u3068\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u6587\u5b57\u5217\u306f\u6d88\u3048\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"email\"<\/span> name=\"email\" placeholder<\/span>=\"aaa@example.com\"<\/span>><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"placeholder\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
autofocus\u5c5e\u6027<\/h4>\n
web\u30da\u30fc\u30b8\u3092\u958b\u3044\u305f\u3068\u304d\u306b\u3001\u6307\u5b9a\u3057\u305f\u3082\u306e\u306b\u30d5\u30a9\u30fc\u30ab\u30b9\u3092\u3042\u3089\u304b\u3058\u3081\u3042\u3066\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<label for=\"name\">\u6c0f\u540d<\/label>\n<input id=\"name\" type=\"text\" name=\"name\" value=\"\" placeholder=\"\u5c71\u7530 \u592a\u90ce\" autofocus>\n<br>\n<label for=\"furigana\">\u30d5\u30ea\u30ac\u30ca<\/label>\n<input id=\"furigana\" type=\"text\" name=\"furigana\" value=\"\" placeholder=\"\u30e4\u30de\u30c0 \u30bf\u30ed\u30a6\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"autofocus\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
formaction\u5c5e\u6027<\/h4>\n
\u30dc\u30bf\u30f3\u3054\u3068\u306b\u30c7\u30fc\u30bf\u306e\u9001\u4fe1\u5148\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span>\u00a0type=\"<\/span>submit<\/span>\"<\/span>\u00a0formaction=\"<\/span>URL1<\/span>\"<\/span>\u00a0value=\"1\u3078<\/span>\u9001\u4fe1\"<\/span>>\n<input\u00a0type=\"<\/span>submit<\/span>\"<\/span>\u00a0formaction=\"<\/span>URL2<\/span>\"<\/span>\u00a0value=\"2\u3078<\/span>\u9001\u4fe1\"<\/span>><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"formaction\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
formnovalidate\u5c5e\u6027<\/h4>\n
\u30d5\u30a9\u30fc\u30e0\u306e\u5185\u5bb9\u3092\u30c1\u30a7\u30c3\u30af\u305b\u305a\u306b\u3001\u9001\u4fe1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u5185\u5bb9\u306e\u30c1\u30a7\u30c3\u30af\u306f\u3001form\u30bf\u30b0\u306enovalidate\u201d\u5c5e\u6027\u3067\u6307\u5b9a\u304c\u53ef\u80fd\u3067\u3059\u304cformnovalidate\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067<\/p>\n
\u30dc\u30bf\u30f3\u3054\u3068\u306b\u5185\u5bb9\u30c1\u30a7\u30c3\u30af\u6709\u7121\u3092\u5207\u308a\u66ff\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n<p><label>\u6c0f\u540d\uff1a <input type=\"text\" name=\"name\" required><\/label><\/p>\n<p><label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\uff1a<input type=\"email\" name=\"email\"><\/label><\/p>\n<p>\n<input type=\"submit\" value=\"\u9001\u4fe1\" formnovalidate>\n<\/p>\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"formnovalidate\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
size\u5c5e\u6027<\/h4>\n
text\u30dc\u30c3\u30af\u30b9\u306e\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n
\u305f\u3060\u3057\u3001\u7d30\u304b\u306a\u6307\u5b9a\u306f\u3067\u304d\u306a\u3044\u305f\u3081\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306b\u3066\u3057\u3066\u3044\u3059\u308b\u3053\u3068\u304c\u63a8\u5968\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input type=\"text\" size=\"6\" name=\"text1\" value=\"\u3042\u3044\u3046\u3048\u304a\" >\n<br>\n<input type=\"text\" size=\"26\" name=\"text2\" value=\"abcdefghijklmnopqrstuvwxyz\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"size\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
min\/max\u5c5e\u6027<\/h4>\n
\u6700\u5c0f\u5024\u3001\u6700\u5927\u5024\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
\u7bc4\u56f2\u9078\u629e\uff1a<input type=\"range\" name=\"range\" min=\"0\" max=\"100\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"min\/max\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
multiple\u5c5e\u6027<\/h4>\n
\u8907\u6570\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u9078\u629e\u3059\u308b\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<input<\/span> type<\/span>=\"file\"<\/span> accept=\".jpg,.gif,.png,image\/gif,image\/jpeg,image\/png\" multiple<\/span>=<\/span>\"multiple\"<\/span>><\/span><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"multiple\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
required\u5c5e\u6027<\/h4>\n
\u5fc5\u305a\u5165\u529b\u304c\u5fc5\u8981\u306a\u9805\u76ee\u304c\u3042\u308b\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n  
<\/i> HTML<\/span>\n
<form>\n\u540d\u524d:<input type=\"text\" name=\"text\" required><br>\n<input type=\"submit\" value=\"\u9001\u4fe1\">\n<\/form><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"required\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
step\u5c5e\u6027<\/h4>\n  
<\/i> HTML<\/span>\n
\u6570\u5b57\uff1a<input type=\"number\" name=\"number\" step=\"3\"><\/pre>\n<\/div>\n  
\u8868\u793a<\/div>
\n
\"step\u5c5e\u6027\"<\/p>\n<\/div><\/div>\n
\u307e\u3068\u3081<\/h2>\n
\u30e6\u30fc\u30b6\u30fc\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u306b\u4f7f\u7528\u3059\u308binput\u3067\u3059\u304c\u3001\u5165\u529b\u3060\u3051\u3067\u3082\u304b\u306a\u308a\u5965\u304c\u6df1\u3044\u6a5f\u80fd\u3067\u3059\u3002<\/p>\n
\u30e6\u30fc\u30b6\u30fc\u306b\u304c\u64cd\u4f5c\u3059\u308b\u7b87\u6240\u3068\u3044\u3046\u3053\u3068\u3092\u809d\u306b\u9298\u3058\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u4f7f\u3044\u3084\u3059\u3044UI\u3092\u5fc3\u304c\u3051\u307e\u3057\u3087\u3046\u3002<\/p>\n
input\u3092\u6975\u3081\u308c\u3070\u3001web\u30da\u30fc\u30b8\u306b\u8a2a\u308c\u308b\u30e6\u30fc\u30b6\u30fc\u306e\u6e80\u8db3\u5ea6\u304c\u3042\u304c\u308b\u306f\u305a\u3067\u3059\u3002<\/p>\n\n\n\n\n
\n