HTML输入框默认文字

admin
行业动态
2024-04-14
3416

HTML输入框默认文字可以通过在<input>标签中添加placeholder属性来实现。placeholder属性用于指定输入框的占位符文本，当用户点击输入框时，占位符文本会消失。

HTML输入框默认文字第1张

以下是一个使用小标题和单元表格展示HTML输入框默认文字的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>HTML Input Box with Placeholder</title>
</head>
<body>
    <h1>HTML Input Box with Placeholder</h1>
    <table border="1">
        <tr>
            <td><label for="username">用户名：</label></td>
            <td><input type="text" id="username" placeholder="请输入用户名"></td>
        </tr>
        <tr>
            <td><label for="email">邮箱：</label></td>
            <td><input type="email" id="email" placeholder="请输入邮箱"></td>
        </tr>
        <tr>
            <td><label for="password">密码：</label></td>
            <td><input type="password" id="password" placeholder="请输入密码"></td>
        </tr>
    </table>
</body>
</html>

在这个示例中，我们创建了一个包含三个输入框的表格，每个输入框都有一个对应的标签（<label>），并通过for属性与输入框的id关联，我们还为每个输入框添加了placeholder属性，分别设置了不同的默认文字。