1.表单元素
常用属性说明：action属性定义在Actionsperformedwhenaformissubmitted通常，将表单提交到Web服务器上的网页。在上面的例子中，指定了一个服务器脚本来处理提交的表单。method属性指定提交表单时使用的HTTP方法（GET或POST）2.Inputinput2.1文本输入框
创建最简单的文本输入框：代码示例：
实际效果图：我们可以在这个文本框中输入任意数字、字符或符号(1)创建一个提示文本文本输入框：代码示例：占位符属性指定了一个提示来描述输入字段的预期值，在用户输入值之前将显示在输入字段中。placeholder属性适用于以下输入类型：text、search、url、tel、email和password。实际渲染：(2)创建一个带有默认值的文本输入框：代码示例：value属性指定输入字段的初始值。实际效果图：（3）创建一个默认值不可修改的文本输入框：代码示例：readonly属性指定输入框为只读（无法修改）,readonly属性不需要值。它等同于readonly="readonly"。(4)创建一个禁用的文本输入框：实际渲染：disabled属性指定输入框被禁用。禁用的元素不可用且不可点击。禁用的元素将不会被提交。disabled属性不需要值。它等同于disabled="disabled"。(5)创建一个限制输入字数的文本输入框：代码示例：maxlength属性指定输入字段允许的最大长度。如果设置了maxlength属性，enter控件将不会接受超过允许的字符数。上面的代码：当我们输入超过8个字符后，再输入任何文字，文字输入框都不会接受。2.2密码输入框创建一个密码输入框，代码示例：实际页面效果：密码输入框本质还是一个文本输入框，但是密码输入当用户在框中输入字段时，它会自动用星号或实心圆圈替换输入的文本，以防止用户密码直接被他人看到。注意：适用于文本输入框的属性也适用于密码输入框。2.3单选按钮单选输入或单选按钮，通常用于用户从多个选项中选择一个。代码示例：请选择您的性别：
MaleFemale:注意：同一组选项的name属性要保持一致。提交表单数据时选择的选项格式为nameVlaue:'selectVlaue'，上面代码表单提交时提交的值为：sex:male2.3.1创建一个默认勾选的单选按钮代码示例：Please选择性别：
男女checked属性指定按钮是否默认选中。checked属性不需要值。它等同于checked="checked"。2.4多选按钮多选按钮，用户可以从多个选项中选择一个或多个我有一支笔
我有一张苹果实战效果图：多选按钮也可以通过checked属性设置为默认选中状态，在多选的情况下，提交表单时，多选按钮提交的值之间用英文逗号分隔。比如上面的表单提交时，vehicle=pen&vehicle=apple2.5。在按钮Buttonhtml中，按钮通常分为普通按钮、提交按钮和重置按钮，其中提交按钮和重置按钮用于提交和清除、重置表单数据，一般放在表单中，普通按钮可以随意使用。(1)普通按钮代码示例：实际页面效果：value属性可以设置按钮显示的文字。可以通过disabled属性禁用该按钮。(2)提交按钮表单提交按钮一般位于form表单中。点击后，将用户输入的数据提交到指定地址进行处理代码示例：实际效果图：备注:上面的代码使用了get方法来提交输入。get方法提交数据时，提交的目标URL地址后面会跟数据字段值，disabled属性也适用于提交按钮(3)重置按钮重置（清除）按钮通常用于用户输入表单数据后的一键清空。也需要放在表单中使用代码示例：备注：value和disabled属性同样适用于reset按钮3.文本域文本输入框没有问题的时候用于字数较少的文本输入，但是当用户需要输入多行、多字符的文本时，文本输入框会显得很不友好。因此，对于多行文本输入，我们应该考虑使用文本域。代码示例：
实际页面效果：文本区域可以容纳无限量的文本，但文本的默认视觉大小区域比较小，可以通过拖动文本域右下角的“小三角”来调整大小。你也可以通过cols和rows属性来设置文本域的大小，但是cols属性的设置并不标准，最好的方式是通过CSS来设置。3.1设置文本域默认大小实际页面效果：rows属性用于设置可见行数文本字段中的文本。cols属性用于设置文本域可见区域每行的字符数，但由于中英文的差异，这个数字并不标准。此外，占位符名称maxlengthdisabled属性也适用于文本字段。4.下拉列表下拉列表类似于无序列表。为组合式标签，通常用于省市的选择。代码示例：城市：南京杭州上海合肥实际页面效果：4.2默认选中某一项。默认下拉列表选择第一项。如果需要指定其他选项，可以通过selected属性设置。代码示例：城市：南京杭州上海合肥实际页面效果：
