1d:["$","figure",null,{"data-rehype-pretty-code-figure":"","children":["$","pre",null,{"style":{"backgroundColor":"#0d1117","color":"#e6edf3"},"tabIndex":"0","data-language":"html","data-theme":"github-dark-default","children":["$","code",null,{"data-language":"html","data-theme":"github-dark-default","style":{"display":"grid"},"children":[["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#E6EDF3"},"children":"<"}],["$","span",null,{"style":{"color":"#7EE787"},"children":"form"}],["$","span",null,{"style":{"color":"#79C0FF"},"children":" id"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"registration\""}],["$","span",null,{"style":{"color":"#79C0FF"},"children":" novalidate"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#E6EDF3"},"children":" <"}],["$","span",null,{"style":{"color":"#7EE787"},"children":"fieldset"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#E6EDF3"},"children":" <"}],["$","span",null,{"style":{"color":"#7EE787"},"children":"legend"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":">Registration"}]]}],"\n",["$","span",null,{"data-line":"","children":" "}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#E6EDF3"},"children":" <"}],["$","span",null,{"style":{"color":"#7EE787"},"children":"div"}],["$","span",null,{"style":{"color":"#79C0FF"},"children":" class"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"field\""}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#E6EDF3"},"children":" <"}],["$","span",null,{"style":{"color":"#7EE787"},"children":"label"}],["$","span",null,{"style":{"color":"#79C0FF"},"children":" for"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"username\""}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":">Username"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#E6EDF3"},"children":" <"}],["$","span",null,{"style":{"color":"#7EE787"},"children":"input"}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#79C0FF"},"children":" id"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"username\""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#79C0FF"},"children":" type"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"text\""}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#79C0FF"},"children":" required"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#79C0FF"},"children":" minlength"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"3\""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#79C0FF"},"children":" maxlength"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"20\""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#79C0FF"},"children":" pattern"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"[a-zA-Z0-9_]+\""}]]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#79C0FF"},"children":" placeholder"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"e.g. john_doe\""}]]}],"\n",["$","span",null,{"data-line":"","children":["$","span",null,{"style":{"color":"#E6EDF3"},"children":" />"}]}],"\n",["$","span",null,{"data-line":"","children":[["$","span",null,{"style":{"color":"#E6EDF3"},"children":" <"}],["$","span",null,{"style":{"color":"#7EE787"},"children":"span"}],["$","span",null,{"style":{"color":"#79C0FF"},"children":" class"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"error\""}],["$","span",null,{"style":{"color":"#79C0FF"},"children":" aria-live"}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":"="}],["$","span",null,{"style":{"color":"#A5D6FF"},"children":"\"polite\""}],["$","span",null,{"style":{"color":"#E6EDF3"},"children":">"}]]}],"\n",["$","span",null,{"data-line":"","children":["$L20","$L21","$L22"]}],"\n","$L23","\n","$L24","\n","$L25","\n","$L26","\n","$L27","\n","$L28","\n","$L29","\n","$L2a","\n","$L2b","\n","$L2c","\n","$L2d","\n","$L2e","\n","$L2f","\n","$L30","\n","$L31","\n","$L32","\n","$L33","\n","$L34","\n","$L35","\n","$L36","\n","$L37","\n","$L38","\n","$L39","\n","$L3a","\n","$L3b"]}]}]}]

Как работают HTML формы и валидация?