html文本框代码怎么写

1.单行文本框：

<input type="text" style="height:20pxwidth:100px" />

2.多行文本框（文本域）：

<textarea style="width:300pxheight:100px"></textarea>

文本框是单行的，而文本域可以输入多行，不过文本框也可以通过设置变成成多行。一般来说如果要填写的内容很多我们就用文本域<textarea>,反之用<text>。

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>

---