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