您的第一个表单 🌌 BT365账户验证需要多久 ⏳ 2025-10-24 13:11:22 👤 admin 👁️ 8702 💖 246 我们的联系表单并不复杂:数据输入部分包含三个文本字段,每个字段都有一个相应的 。 名称的输入字段是一个 单行文本字段。 电子邮件的输入字段是 类型为电子邮件的输入:一个单行文本字段,只接受电子邮件地址。 消息的输入字段是一个 ;一个多行文本字段。 在 HTML 代码方面,我们需要类似以下内容来实现这些表单小部件。 html Name: Email: Message: 更新您的表单代码以使其看起来像上面一样。 元素用于方便地构建代码并使样式更轻松(请参阅本文后面的内容)。为了提高可用性和可访问性,我们在每个表单控件中包含一个显式标签。请注意在所有 元素上的 for 属性的使用,该属性的值是与其关联的表单控件的 id - 这就是您将表单控件与其标签关联起来的方式。 这样做有很多好处 - 它将标签与表单控件关联起来,使鼠标、触控板和触摸设备用户能够点击标签以激活相应的控件,并且它还为屏幕阅读器提供了可访问的名称以向其用户朗读。您将在 如何构建 Web 表单 中找到有关表单标签的更多详细信息。 在 元素上,最重要的属性是type 属性。此属性非常重要,因为它定义了 元素的外观和行为方式。您将在后面的 基本原生表单控件 文章中了解有关此属性的更多信息。 在我们的简单示例中,我们对第一个输入使用 text 值 - 此属性的默认值。它表示一个基本的单行文本字段,可以接受任何类型的文本输入。 对于第二个输入,我们使用 email 值,它定义了一个单行文本字段,该字段只接受格式良好的电子邮件地址。这将一个基本的文本字段变成一个“智能”字段,该字段将对用户键入的数据执行一些验证检查。它还会在具有动态键盘的设备(如智能手机)上导致更合适的电子邮件地址输入键盘布局(例如,默认情况下带有 @ 符号)。您将在后面的 客户端表单验证 文章中了解有关表单验证的更多信息。 最后但并非最不重要的一点是,请注意 与 的语法。这是 HTML 中的怪异之处之一。 标签是一个 空元素,这意味着它不需要结束标签。 不是空元素,这意味着它应该用正确的结束标签关闭。这对表单的特定功能有影响:定义默认值的方式。要定义 元素的默认值,您必须使用 value 属性,如下所示。 html 另一方面,如果您想为 定义一个默认值,请将其放在 元素的开始和结束标签之间,如下所示。 html by default this element is filled with this text ← 薯条冷了不好吃怎么办?这两个方法能够让薯条变得再次好吃 开童装店新手怎么入行?童装店经营资料分享 →