前端菜鸟笔记Day-2Form表单

时间：2023-04-05 00:28:38 HTML5

文章大纲来源：[Day2]Form表单HTML表单元素表单属性HTML5附加表单元素HTML表单HTML表单用于收集不同类型的用户输入。

表单元素HTML表单包含表单元素。表单元素指的是不同的类型：input元素复选框单选按钮提交按钮等内容参考：HTML表单元素最重要的表单元素。元素可以根据不同的type属性变化成多种形式。

......文本单行输入框。密码字符掩码处理的单行输入框。submit提交按钮。至于用什么程序来处理提交的表单数据，定义在

标签中的action属性中。...value属性定义了按钮上显示的文字，默认会显示默认文字（以下中文环境为“提交”）。radio定义单选按钮。

Male
Female其中的name属性非常重要。只有当多个radio类型的name属性相同时，才能有单选限制。checkbox定义了一个多选框，允许选择0个或多个。

我有一辆自行车
我有一辆汽车name属性类似于radio。按钮定义按钮。和表单属性值(general)name(general)readonly(general)disable(general)type(important)checked(radio,checkbox,important)sizemaxLength内容参考：HTMLInput属性valuevalue属性指定输入字段的初始值，以及按钮的显示文本。readonlyreadonly属性指定输入字段是只读的（不可修改）。属性不需要赋值，相当于readonly="readonly"。disableddisabled属性指定输入字段被禁用（不可用且不可单击）。也不会提交（与只读不同）。属性不需要赋值，相当于disabled="disabled"。sizesize属性指定输入字段的大小（以字符为单位）。这里的大小特指类似于输入框宽度的属性。maxlengthmaxlength属性指定输入字段允许的最大长度。超过长度的字符将不会被接受（即无法输入输入），但当用户超过限制时，输入元素本身将没有任何提示。HTML5增加了表单元素来理解内容，主要是一些新的输入类型：emailurlnumberrangeDatepickerssearchcolor根据目前的开发经验，如果这类组件对UI统一性要求不高，可以尝试使用，但总的来说，将构建轮子或将这些轮子与现成的更成熟的轮子一起使用。内容连接：HTML5输入类型个人静态博客：前端泡泡日记：https://rheabubbles.github.io

上一篇：前端日常实践：155#视频演示如何用纯CSS制作热气球

下一篇：前端性能优化从css

前端菜鸟笔记Day-2Form表单相关文章