html input type

<!-- 示例代码：HTML input type -->

<!-- 文本输入框 -->
<input type="text" name="username" placeholder="请输入用户名">

<!-- 密码输入框 -->
<input type="password" name="password" placeholder="请输入密码">

<!-- 单选按钮 -->
<input type="radio" name="gender" value="male"> 男
<input type="radio" name="gender" value="female"> 女

<!-- 复选框 -->
<input type="checkbox" name="interest" value="sports"> 运动
<input type="checkbox" name="interest" value="music"> 音乐

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

<!-- 文件上传 -->
<input type="file" name="profile_picture">

<!-- 搜索框 -->
<input type="search" name="query" placeholder="搜索...">

<!-- 颜色选择器 -->
<input type="color" name="favorite_color">

<!-- 日期选择器 -->
<input type="date" name="birthday">

<!-- 数字输入框 -->
<input type="number" name="quantity" min="1" max="10">

解释说明：

• input 标签是 HTML 中用于创建交互式控件的基本元素，用于在表单中收集用户信息。
• type 属性指定了输入字段的类型。不同的 type 值可以创建不同类型的输入控件，如文本框、密码框、单选按钮、复选框等。
• 每个 input 元素可以根据需要添加其他属性，例如 name、value、placeholder 等，以增强其功能和用户体验。