html输入框

作者：我在坚强也需要有人疼发布日期:2025-09-21 浏览:54

<!-- HTML输入框示例代码 -->
<!DOCTYPE html>
<html>
<head>
    <title>HTML 输入框示例</title>
</head>
<body>
    <!-- 单行文本输入框 -->
    <label for="text-input">请输入文字:</label>
    <input type="text" id="text-input" name="text-input">

    <!-- 密码输入框 -->
    <label for="password-input">请输入密码:</label>
    <input type="password" id="password-input" name="password-input">

    <!-- 数字输入框 -->
    <label for="number-input">请输入数字:</label>
    <input type="number" id="number-input" name="number-input">

    <!-- 电子邮件输入框 -->
    <label for="email-input">请输入电子邮件:</label>
    <input type="email" id="email-input" name="email-input">

    <!-- 提交按钮 -->
    <input type="submit" value="提交">
</body>
</html>

解释说明：

<input> 标签用于创建各种类型的输入框，如文本、密码、数字和电子邮件输入框。
type 属性指定了输入框的类型。例如，text 表示单行文本输入框，password 表示密码输入框（输入内容会被隐藏），number 表示数字输入框，email 表示电子邮件输入框。
id 和 name 属性用于标识每个输入框，方便在表单提交时获取用户输入的数据。
<label> 标签用于为输入框提供描述性文本，for 属性与输入框的 id 关联，以确保点击标签时会聚焦到对应的输入框。

上一篇：html的注释

下一篇：文本转html