Menu
CoddyTech

输入属性

本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 37 课,共 60 课。

以下是文本输入框的一些其他实用属性:

  • placeholder:提供简短提示,说明输入字段需要填写什么(例如,“输入你的姓名”)。
  • value:设置输入字段的初始值。
  • maxlength:指定输入字段允许输入的最大字符数。

下面是一个创建带占位符的文本输入框的示例:

<input type="text" name="username" placeholder="Enter username">

在这个示例中,我们有一个名为 "username" 的文本输入框,其占位文本为 "Enter username"。输入框为空时,占位文本会显示在框内。用户开始输入后,占位文本就会消失。

challenge icon

挑战

简单

创建一个包含以下文本输入框的 HTML 文档:

  1. 一个名称为 "firstname"、占位文本为 "Enter your first name" 的文本输入框。
  2. 一个名称为 "lastname"、占位文本为 "Enter your last name" 的文本输入框。
  3. 一个名称为 "email"、占位文本为 "Enter your email" 的文本输入框。将此输入框的最大长度设为 50 个字符。

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <!-- 在这里编写代码 -->
    </body>
</html>
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: Web 在线编辑器