一个html页面中怎么添加文本框

html页面中添加文本框，用到的工具，notepad++,步骤如下：

html代码部分：

 姓名：<input type="text" name="name" />

网页效果图如下：

注意事项：input要配合form表单用。

1、多行文本框就是textarea，它是一个文本输入域，可以无限的输入，它有默认的高度和宽度，textarea是一个双标签。关于用法这里新建一个html文件，写入一个textarea：

2、textarea可以设置列数和行数，通过cols设置列数，通过rows设置行数：

3、打开浏览器，就可以看到设置好的多行文本标签了：

4、最后输入一些文字当文字过多的时候，它不仅可以自动换行，而且在右侧还会自动的显示滚动条。以上就是关于textarea多行文本框的使用介绍：

border-radius属性可以实现元素的圆角。如下css可以实现文本框（单行、多行）的圆角：

input[type=text],textarea{border-radius:3pxborder:1px solid #000}

border-radius用法如下：

border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。

该属性允许为元素添加圆角边框

语法：border-radius: 1-4 length|% / 1-4 length|%

按此顺序设置每个 radius 的四个值。

如果省略 bottom-left，则与 top-right 相同。

如果省略 bottom-right，则与 top-left 相同。

如果省略 top-right，则与 top-left 相同。

单位一般用px和百分比较多，其他单位也可以。

2、HTML中如何设置文本框的大小

边框的大小，可以使用CSS样式控制，如：

<textarea id="txtCon" >content</textarea><style type="text/css">#txtCon{width:100pxheight:20px}</style>

也可以使用文本框自己的属性，定义文本框的行和列控制大小，如：

<textarea id="txtCon" rows="100" cols="100" >content</textarea>

---