html input

作者：屰兲洏垳＆发布日期:2026-01-05 浏览:65

<!-- HTML input 示例代码 -->
<!DOCTYPE html>
<html>
<head>
    <title>HTML Input 示例</title>
</head>
<body>
    <!-- 创建一个简单的表单 -->
    <form>
        <!-- 文本输入框 -->
        <label for="username">用户名:</label>
        <input type="text" id="username" name="username" placeholder="请输入用户名">
        <br><br>

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

        <!-- 单选按钮 -->
        <label>性别:</label>
        <input type="radio" id="male" name="gender" value="male">
        <label for="male">男</label>
        <input type="radio" id="female" name="gender" value="female">
        <label for="female">女</label>
        <br><br>

        <!-- 复选框 -->
        <label>兴趣爱好:</label>
        <input type="checkbox" id="reading" name="hobbies" value="reading">
        <label for="reading">阅读</label>
        <input type="checkbox" id="sports" name="hobbies" value="sports">
        <label for="sports">运动</label>
        <br><br>

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

解释说明：

文本输入框 (<input type="text">): 用于用户输入文本，如用户名。
密码输入框 (<input type="password">): 类似文本框，但会隐藏用户输入的内容（显示为星号或圆点）。
单选按钮 (<input type="radio">): 用户只能选择一组中的一个选项，如性别选择。
复选框 (<input type="checkbox">): 用户可以选择多个选项，如兴趣爱好。
提交按钮 (<input type="submit">): 用于提交表单数据。

这些是常见的 input 元素类型，适用于构建基本的用户交互表单。

下一篇：html5video播放状态