html5 输入框

HTML5输入框的创建主要涉及到<input>标签的使用，这个标签有多个属性，可以用于定义输入框的各种特性，如类型、名称、是否隐藏等。

基本输入框

最基本的HTML5输入框就是使用<input type="text">,表示一个文本输入框。

<input type="text" id="username" name="username">

在这个例子中，type="text"定义了这是一个文本输入框，id="username"和name="username"分别定义了这个输入框的id和name属性，这两个属性通常用于在JavaScript或者CSS中引用这个元素。

数字输入框

如果你需要一个只能输入数字的输入框，你可以将type属性设置为number。

<input type="number" id="age" name="age">

这样，用户在这个输入框中只能输入数字。

密码输入框

如果你需要一个密码输入框，你可以将type属性设置为password。

<input type="password" id="password" name="password">

这样，用户在这个输入框中输入的内容会显示为圆点或者其他符号。

文件输入框

如果你需要一个文件上传的输入框，你可以将type属性设置为file。

<input type="file" id="fileInput" name="fileInput">

这样，用户可以通过点击这个输入框来选择文件，注意，由于安全原因，这种类型的输入框不能直接获取到用户选择的文件内容，需要通过JavaScript来实现。

复选框和单选框

如果你需要一个可以选择或者不可以选择的选项，你可以使用复选框(checkbox)或者单选框(radio)。

<input type="checkbox" id="option1" name="option1"> Option 1<br>
<input type="checkbox" id="option2" name="option2"> Option 2<br>
<input type="radio" id="optionA" name="optionA"> Option A<br>
<input type="radio" id="optionB" name="optionB"> Option B<br>

在这个例子中，有两个复选框和两个单选框，用户可以选择其中一个或者多个选项，注意，复选框和单选框都有一个name属性，这个属性的值必须是唯一的，而且所有具有相同name属性的元素都应该是同一组复选框或者单选框。