输入框和标签

Coddy 登录表单：HTML/CSS 项目课程的第 2 课，共 7 课。

<input> 标签是不同类型输入元素的容器，例如：文本框、复选框、单选按钮、提交按钮等。

使用 type 属性设置类型：

<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">

最好为输入元素添加 <label> 标签：

<label for="password">Password:</label>
<input type="text" id="password">

请注意，for 属性应与输入元素的 id 属性匹配，以便将它们关联起来。

挑战

简单

添加两个带标签的输入元素，id 分别为 "username" 和 "password"，将输入元素的类型设为 "text" 和 "password"，别忘了将每个标签关联到对应的输入元素。

建议添加 <br/> 标签，在各项内容之间留出空隙！

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 在这里编写 HTML 代码 -->
</body>
</html>

登录表单：HTML/CSS 项目中的所有课

1表单

表单输入框和标签

2样式