CSS是一种用于设计和布局网页的样式表语言。在网页中，CSS可以用于设置字体、颜色、布局、边框和内边距等元素的外观和样式。今天，我们将讨论如何使用CSS来创建输入框。

```html

<input type="text" placeholder="请输入文本">

在这个示例中，<input>标签的type属性设置为"text", placeholder属性设置为"请输入文本"，这是一个用于提示用户输入的占位符。

除了使用<input>标签外，我们还可以使用CSS来样式化输入框。我们可以使用CSS的input类型属性来设置输入框的样式，例如：

```css

input[type="text"], input[type="password"] {

width: 100%;

padding: 8px;

border: 1px solid #ccc;

border-radius: 4px;

box-sizing: border-box;

margin-bottom: 10px;

input[type="text"]::-webkit-input-placeholder {

color: #999;

input[type="password"]::-webkit-input-placeholder {

color: #999;

input[type="password"]::-moz-placeholder {

color: #999;

input[type="text"]:hover, input[type="password"]:hover {

background-color: #007bff;

在这个示例中，我们使用了CSS的input类型属性来设置输入框的宽度、边框样式、圆角半径和颜色，以及悬停时的背景颜色。这些样式可以应用于任何类型的输入框，包括文本框和密码框。

除了使用CSS外，我们还可以使用JavaScript来更改输入框的值。我们可以使用JavaScript的input()方法来获取和修改输入框的值。例如：

```javascript

var input = document.getElementById("myInput");

input.value = "Hello, World!";

在这个示例中，我们使用了JavaScript的input()方法来获取输入框的值，并将其设置为"Hello, World!"。

总之，使用CSS和JavaScript可以使我们的输入框更加美观和易于使用。我们可以使输入框的颜色、字体、大小和占位符等样式与网页的整体外观相匹配，同时也可以使用户更容易地输入所需的信息。