文本框_HTML 5基础教程

文本框

文本框（）是HTML表单中常用的一种输入控件，用于用户输入文本信息。下面是关于文本框的详细教程：

创建文本框：

要创建文本框，您需要使用标签，并将其type属性设置为"text"。例如：

<form>
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username">
</form>

在上面的示例中，我们创建了一个用户名文本框，并为其添加了一个ID和名称。

属性：

文本框还有一些常用的属性可以设置：

placeholder：设置文本框的占位符，提示用户输入内容。
value：设置文本框的默认值。
maxlength：设置文本框输入的最大长度。
readonly：设置文本框为只读，用户无法编辑。
disabled：设置文本框为禁用状态。

样式：

您可以使用CSS来样式化文本框，比如设置宽度、颜色、边框等样式。

input[type="text"] {
  width: 200px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

表单提交：

当用户填写完文本框后，可以将表单中的内容提交到服务器进行处理。例如：

<form action="/submit-form" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username">
  <input type="submit" value="提交">
</form>

在上面的示例中，当用户点击提交按钮时，表单中的内容将被提交到"/submit-form"的URL进行处理。

总结：

文本框是HTML表单中常用的输入控件，用于用户输入文本信息。通过设置属性和样式，可以定制文本框的外观和行为。记得将文本框放在