html文本域

html-css08

html文本域,第1张

文本域<textarea>,可以输入多行文本。

HTML文本域几种常用样式:

没有滚动条的文本域(无边框)

<textarea   style="border:   0   overflow:   auto   color:   #FFFFFF   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>

红色边框的文本域

<textarea   style="border:   #FF0000   1px   solid   overflow:   visible   color:   #FFFFFF   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>

无边框有滚动条

<textarea   style="scrollbar-face-color:#ff80ffborder:0pxbackground-image:url(http://expert.csdn.net/images/ad/dby3_database_120.GIF)color:#fffffffont-size:15ptfont-weight:bold">     雨中人<br>雨中人<br>

</textarea>

其它

<textarea   style="border:   0   overflow:   auto   color:   #FFFFFF   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>

设置文本域的字体

<TEXTAREA   STYLE="font-size:9ptfont-family:verdanacolor: #ff0000">输入内容</textarea>

设置文本域的背景色

<TEXTAREA   STYLE="background-color: #ff0000">输入内容</textarea>

文本域的实线边框设置

<TEXTAREA   STYLE="border:1px   solid   #6CABE7">输入内容</textarea>

一般情况下,文本域我们是放在表单里面的

如果这里面的数据,是要添加到数据库的就需要放在表单里面

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<form method="post" action="3.html">

<textarea rows="5" cols="50"></textarea>

</form>

</body>

</html>

代码如上,可以参考一下,有什么不懂的可以到php中文网参考,现在网上很多这样的免费教程,看看就会了,希望可以采纳!

1、首先在电脑桌面上,新建并打开一个记事本文件。

2、这里要用到<form>标签,这个标签包含了表单的一些元素,这里要用到<input>元素,具体格式如下图。

3、其中红框内 type="text" 意思是文本框,其中的text可以换成其他的,name="firstname"是这个文本框的名字。

4、然后点击保存,改变记事本文件后缀为html,看看网页显示效果。

5、接着来做一个最常用的登陆框,首先做出用户名+文本框;密码+文本框,以下是代码。

6、最后保存,看看网页显示效果,就完成了。