输入属性
本课属于 Coddy HTML 学习旅程的“基础知识”单元。第 37 课,共 60 课。
以下是文本输入框的一些其他实用属性:
placeholder:提供简短提示,说明输入字段需要填写什么(例如,“输入你的姓名”)。value:设置输入字段的初始值。maxlength:指定输入字段允许输入的最大字符数。
下面是一个创建带占位符的文本输入框的示例:
<input type="text" name="username" placeholder="Enter username">在这个示例中,我们有一个名为 "username" 的文本输入框,其占位文本为 "Enter username"。输入框为空时,占位文本会显示在框内。用户开始输入后,占位文本就会消失。
挑战
简单创建一个包含以下文本输入框的 HTML 文档:
- 一个名称为 "firstname"、占位文本为 "Enter your first name" 的文本输入框。
- 一个名称为 "lastname"、占位文本为 "Enter your last name" 的文本输入框。
- 一个名称为 "email"、占位文本为 "Enter your email" 的文本输入框。将此输入框的最大长度设为 50 个字符。
亲手试试
<!DOCTYPE html>
<html>
<body>
<!-- 在这里编写代码 -->
</body>
</html>这节课包含一个小测验。开始学习即可作答,并记录你的进度。
基础知识中的所有课
自己练习: Web 在线编辑器