html中如何隐藏input

admin
行业动态
2024-04-08
2463

在HTML中，可以使用type="hidden"属性来隐藏input元素。

<!DOCTYPE html>
<html>
<head>
    <title>隐藏输入框示例</title>
</head>
<body>
    <h1>隐藏输入框示例</h1>
    <form>
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" name="username"></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password" name="password"></td>
            </tr>
            <tr>
                <td>隐藏的输入框：</td>
                <td><input type="hidden" name="hidden_input" value="这是一个隐藏的输入框"></td>
            </tr>
        </table>
        <input type="submit" value="提交">
    </form>
</body>
</html>

在这个示例中，我们创建了一个包含用户名、密码和隐藏输入框的表单，隐藏输入框使用type="hidden"属性进行定义，并通过value属性设置其值，当用户提交表单时，隐藏的输入框将不会发送到服务器。