HTML文本框是web开发中常用的一种用户输入控件，它可以让用户在网页上输入文本数据，如名称、地址、电子邮件等。为了使网页更加美观、功能更加完善，我们需要学会如何创建优美的HTML文本框。

一、基本概念

HTML文本框是一种用户输入控件，一般用于向用户请求特定类型的信息，如文字、数字、日期等。HTML文本框通常包括以下几个基本属性：

1. type：指定文本框的类型，如文本框、密码框、单选框等。

2. size：指定文本框的尺寸，一般用字符数表示。

3. maxlength：指定文本框最大输入字符数。

4. placeholder：指定文本框中的提示信息。

5. name：指定文本框的名称，方便后台程序处理。

二、创建文本框

创建HTML文本框的基本语法如下：

```

```

其中，type属性指定为"text"，代表创建一个文本框；name属性指定文本框的名称；size属性指定文本框的尺寸，一般设置为20个字符；maxlength属性指定文本框的最大输入字符数；placeholder属性指定文本框中的提示信息。

三、美化文本框

为了让HTML文本框更加美观、易用，我们可以通过以下几种方式进行美化：

1. 修改文本框边框

使用CSS样式可以轻松地修改文本框的边框样式。例如，为文本框添加淡蓝色边框效果的CSS代码如下：

```

input[type="text"] {

border: 2px solid #5B9BD5;

padding: 5px;

}

```

其中，border属性指定文本框边框样式，包括边框宽度、边框样式和边框颜色等；padding属性指定文本框内部填充值，避免文本内容紧贴着边框显示。

2. 修改文本框背景

使用CSS样式也可以轻松地修改文本框的背景样式。例如，为文本框添加浅灰色背景效果的CSS代码如下：

```

input[type="text"] {

background-color: #F0F0F0;

padding: 5px;

}

```

其中，background-color属性指定文本框背景颜色。

3. 修改文本框字体

使用CSS样式可以轻松地修改文本框的字体样式。例如，为文本框添加蓝色斜体字体效果的CSS代码如下：

```

input[type="text"] {

font-family: Arial, Helvetica, sans-serif;

font-style: italic;

color: #5B9BD5;

padding: 5px;

}

```

其中，font-family属性指定文本框字体类型，可以指定多个备选字体；font-style属性指定文本框字体样式；color属性指定文本框字体颜色。

4. 添加图标

在文本框输入框前添加图标，可以更好的提示用户输入内容。例如，为文本框添加搜索图标效果的HTML代码如下：

```