input标签介绍

在 HTML 中，<input> 标签用于创建可交互的表单控件，例如文本输入框、复选框、单选按钮等。下面是一些常见的 input 类型及其用途：

1、type="text"：创建单行文本框。

<inputtype="text"name="username"placeholder="请输入用户名"/>

2、type="password"：创建密码输入框，输入的内容将以星号或点号等符号隐藏。

<inputtype="password"name="password"placeholder="请输入密码"/>

3、type="checkbox"：创建复选框，允许用户选择一个或多个选项。

<inputtype="checkbox"name="hobbies"value="football"/> 足球

<inputtype="checkbox"name="hobbies"value="basketball"/> 篮球

3、type="radio"：创建单选按钮，允许用户从多个选项中选择一个。

<inputtype="radio"name="gender"value="male"/> 男

<inputtype="radio"name="gender"value="female"/> 女

4、type="submit"：创建提交按钮，用于提交表单数据到服务器。

<inputtype="submit"value="提交"/>

5、type="reset"：创建重置按钮，用于将表单的值重置为默认值。

<inputtype="reset"value="重置"/>

6、type="file"：创建文件选择框，允许用户选择本地文件上传。

<inputtype="file"name="avatar"/>

除了上述常见的类型，input 标签还支持其他类型，例如日期选择框（type="date"）、颜色选择框（type="color"）、搜索框（type="search"）等。在实际开发中，可以根据需要选择适合的类型来创建表单控件。

    <inputtype="text"name="username"placeholder="请输入用户名"/><br>
    <inputtype="password"name="password"placeholder="请输入密码"/><br>
    <inputtype="checkbox"name="hobbies"value="football"/> 足球<br>
    <inputtype="checkbox"name="hobbies"value="basketball"/> 篮球<br>
    <inputtype="radio"name="gender"value="male"/> 男<br>
    <inputtype="radio"name="gender"value="female"/> 女<br>
    <inputtype="submit"value="提交"/><br>
    <inputtype="reset"value="重置"/><br>
    <inputtype="file"name="avatar"/><br>

HTML中的<input>标签是用来获取用户输入的常用表单元素之一。通过<input>元素，用户可以在表单中输入文本、数字、日期、时间、文件等不同类型的数据。<input>元素有许多不同的属性，它们可以控制输入框的类型、默认值、是否必填、输入框的大小等等。

<input>元素可以结合其他HTML元素一起使用，例如<label>元素可以为<input>元素提供标签文字，<form>元素可以用来把一组输入框封装为表单，使其可以被提交到服务器等等。