在HTML中，我们可以使用<input>标签来创建输入框，以下是一个简单的示例：
<!DOCTYPE html> <html> <body> <form action=""> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname"> </form> </body> </html>
在这个例子中，我们创建了两个文本输入框，一个用于输入名字，另一个用于输入姓氏，每个输入框都有一个对应的标签（<label>），这个标签描述了输入框的用途。
<input>标签有很多属性，可以用来控制输入框的行为和外观，我们可以设置输入框的类型（type），这决定了用户可以输入什么类型的数据（如文本、数字、日期等），我们还可以使用id和name属性来标识输入框，以便在表单提交时可以获取到用户的输入。
我们还可以使用CSS来改变输入框的样式，我们可以设置输入框的颜色、字体大小、边框样式等，以下是一个使用CSS来改变输入框样式的例子：
<!DOCTYPE html>
<html>
<head>
<style>
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 3px solid #ccc;
transition: 0.5s;
}
input[type=text]:focus {
border: 3px solid #555;
}
</style>
</head>
<body>
<form action="">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname">
</form>
</body>
</html>
在这个例子中，我们使用了CSS的transition属性来添加一个过渡效果，当用户点击输入框时，边框会平滑地变为深灰色，我们还使用了:focus伪类来改变聚焦状态下输入框的边框颜色。