html文本域（html文本域）

本文目录

• html文本域
• html中文本域选中后会出现蓝边框，怎么去掉
• html文本框代码怎么写
• 对HTML文本域操作
• HTML文本域问题
• html文本域是什么
• html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置
• 如何在html文本框中添加提示信息
• html文本框提示字不消失
• html中文本框未输入，旁边立刻出现红色警示字，如何做到

html文本域

文本域《textarea》，可以输入多行文本。

HTML文本域几种常用样式：

1. 没有滚动条的文本域（无边框）

   《textarea   style=“border:   0;   overflow:   auto;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)“》《/textarea》

2. 红色边框的文本域

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

3. 无边框有滚动条

   《textarea   style=“scrollbar-face-color:#ff80ff;border:0px;background-image:url(http://expert.csdn.net/images/ad/dby3_database_120.GIF);color:#ffffff;font-size:15pt;font-weight:bold“》     雨中人《br》雨中人《br》《/textarea》  

4. 其它

   《textarea   style=“border:   0;   overflow:   auto;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)“》《/textarea》

5. 设置文本域的字体《TEXTAREA   STYLE=“font-size:9pt;font-family:verdana;color: #ff0000“》输入内容《/textarea》   

6. 设置文本域的背景色《TEXTAREA   STYLE=“background-color: #ff0000“》输入内容《/textarea》

7. 文本域的实线边框设置《TEXTAREA   STYLE=“border:1px   solid   #6CABE7;“》输入内容《/textarea》

html中文本域选中后会出现蓝边框，怎么去掉

需要准备的材料分别有：电脑、浏览器、html器。

1、首先，打开html器，新建html文件，例如：index.html。

2、在index.html中的《body》标签中，输入html代码：《input type=“text“ style=“outline: none;“ /》。

3、浏览器运行index.html页面，此时输入框选中后出现的蓝色边框被去除了。

html文本框代码怎么写

1.单行文本框：《input type=“text“ style=“height:20px;width:100px;“ /》2.多行文本框（文本域）：《textarea style=“width:300px;height:100px;“》《/textarea》

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

对HTML文本域操作

《html》 《head》《title》文本域的相关操作《/title》 《/head》 《body》 《textarea name=“t1“ cols=“80“ rows=“8“》《/textarea》 《textarea name=“t2“ cols=“80“ rows=“8“》《/textarea》 《input type=“button“ value=“确定“ name=“b1“ onclick=“aa()“/》 《/body》 《/html》 《script》 function aa(){ //选中部分的html代码 //document.selection.createRange().htmlText; //选中部分的文本 document.all.t2.value=document.selection.createRange().text; }《/script》

HTML文本域问题

因为你的《textarea》标签没有封住 后面应该有个《/textarea》 这是一个完整的标签。例外你的注释信息《!-- --》不要写在 《textarea》 《/textarea》里面 要写在标签的外面。写在里面会当作正常的内容输出，不会有注释作用。正确写法如下：《body》《textarea rows=“10“ cols=“30“》 The cat was playing in the garden. 《/textarea》 《!--rows就算排的意思，可以理解为高度，而cols可以理解为宽度--》 《!--这里就是文本域中输入的内容--》《/body》

html文本域是什么

文本域《textarea》，可以输入多行文本。

HTML文本域几种常用样式：

1. 没有滚动条的文本域（无边框）

   《textarea   style=“border:   0;   overflow:   auto;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)“》《/textarea》

2. 红色边框的文本域

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

3. 无边框有滚动条

   《textarea   style=“scrollbar-face-color:#ff80ff;border:0px;background-image:url(http://expert.csdn.net/images/ad/dby3_database_120.GIF);color:#ffffff;font-size:15pt;font-weight:bold“》     雨中人《br》雨中人《br》《/textarea》  

4. 其它

   《textarea   style=“border:   0;   overflow:   auto;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)“》《/textarea》

5. 设置文本域的字体《TEXTAREA   STYLE=“font-size:9pt;font-family:verdana;color: #ff0000“》输入内容《/textarea》   

6. 设置文本域的背景色《TEXTAREA   STYLE=“background-color: #ff0000“》输入内容《/textarea》

7. 文本域的实线边框设置《TEXTAREA   STYLE=“border:1px   solid   #6CABE7;“》输入内容《/textarea》

html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置

需要准备的材料分别有：电脑、浏览器、html器。

1、首先，打开html器，新建html文件，例如：index.html。

2、在index.html中的《body》标签中，输入html代码：《input type=“text“ placeholder=“清输入用户名“ /》。

3、浏览器运行index.html页面，文本框初始有文字。

4、点击文本框，文字成功消失。

如何在html文本框中添加提示信息

用获得焦点onfocus和失去焦点onblur事件

html文本框提示字不消失

给文本框加上placeholder属性就可以了，这样文本框获得焦点文字不会消失，只有当文本框的值改变之后才会消失。下面是参考代码：《!DOCTYPE html》《html lang=“en“》《head》 《meta charset=“UTF-8“》 《title》Html5基本结构《/title》《/head》《body》《input type=“text“ placeholder=“请输入文本“》《/body》《/html》效果：

html中文本框未输入，旁边立刻出现红色警示字，如何做到

方法一、可以加载js插件（网上有很多这类验证表单的插件）方法二、自己手动写，比如：《form method=“post“ action=““ onsubmit=“return check_form(this)“》《div class=“item“》《input type=“text“ name=“name“ oninput=“clear_error(this)“/》《/div》《button type=“submit“》提交《/button》《/form》《script type=“text/javascript“ src=“引用jquery.js“》《/script》《script type=“text/javascript“》function check_form(f){if(f.name.value == ’’){$(’input’).after(’《span style=“color:red;“》请填写姓名《/span》’);return false;}return true;}function clear_error(o){$(o).siblings(’span’).remove();}《/script》