`
norain1988
  • 浏览: 57185 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

美化<textarea>只需两步!~

 
阅读更多
去掉其余3条边框
<style>  
  .smallInput{background:#ffffff;border-bottom-color:#ff6633;   border-bottom-width:0px;border-top-width:0px;border-left-width:0px;border-right-width:0px;   solid   #ff6633;   color:   #000000;   FONT-SIZE:   9pt;   FONT-STYLE:   normal;   FONT-VARIANT:   normal;   FONT-WEIGHT:   normal;   HEIGHT:   18px;   LINE-HEIGHT:   normal}  
  }  
  </style>  
  <TEXTAREA   NAME=""   ROWS="20"   COLS="20"   class="smallInput"></TEXTAREA>

去掉里面多余的空格

以前是这样
<TEXTAREA>
   hello!!!
</TEXTAREA>

改为这样
<TEXTAREA>hello!!!</TEXTAREA>
0
2
分享到:
评论
2 楼 norain1988 2012-02-24  
呵呵要的就是这个效果
1 楼 mayixiaozi 2010-05-19  
看不到边框会觉得有点诡异……

相关推荐

    FCKeditor RedFishX配置版

    &lt;br&gt; }&lt;br&gt; &lt;/script&gt;&lt;br&gt;&lt;/head&gt;&lt;br&gt;&lt;body&gt;&lt;br&gt; &lt;form id="dataform" method="post" action="target.aspx"&gt;&lt;br&gt; &lt;textarea id="content"&gt;&lt;/textarea&gt;&lt;br&gt; &lt;/form&gt;&lt;br&gt;&lt;/body&gt;&lt;br&gt;&lt;/html&gt;&lt;br&gt;&lt;br&gt;说明:&lt;br&gt;&lt;br&gt;...

    FCKeditor RedFishX配置版 1.1

    &lt;br&gt;}&lt;br&gt;&lt;/script&gt;&lt;br&gt;&lt;/head&gt;&lt;br&gt;&lt;body&gt;&lt;br&gt;&lt;form id="dataform" method="post" action="target.aspx"&gt;&lt;br&gt;&lt;textarea id="content"&gt;&lt;/textarea&gt;&lt;br&gt;&lt;/form&gt;&lt;br&gt;&lt;/body&gt;&lt;br&gt;&lt;/html&gt;&lt;br&gt;&lt;br&gt;说明:&lt;br&gt;&lt;br&gt;&lt;script ...

    追米网在线投稿系统

    追米网在线投稿系统&lt;br&gt;&lt;br&gt;程序很简单&lt;br&gt;版权不究&lt;br&gt;管理密码:admin admin888&lt;br&gt;其实editarticle.asp也是一个文章修改文件&lt;br&gt;,您找到&lt;%=rs("content")%&gt;替换成下面代码就可以:&lt;br&gt;&lt;br&gt;&lt;textarea name=...

    TinyMCE 4.0b汉化版

    引入这两个文件:&lt;script type="text/javascript" src="tinymce\js\tinymce\tinymce.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="tinymce\js\tinymce\langs\zh_cn.js"&gt;&lt;/script&gt; 下面的代码可以查看效果...

    HTML5&CSS3网页制作:textarea元素.pptx

    &lt;textarea cols="每行中的字符数" rows="显示的行数"&gt; 文本内容 &lt;/textarea&gt; 描述 &lt;textarea&gt; 标记定义多行的文本输入控件。有两个比较重要的属性cols和rows, 语法格式 说明 属性 值 描述 cols number 规定文本区内...

    Html5中文手册(程序员必备手册)

    83、&lt;textarea&gt; 定义 textarea。 84、&lt;tfoot&gt; 定义表格的脚注。 85、&lt;th&gt; 定义表头。 86、&lt;thead&gt; 定义表头。 87、&lt;time&gt; 定义日期/时间。 88、&lt;title&gt; 定义文档的标题。 89、&lt;tr&gt; 定义表格行。 90、&lt;ul&gt; 定义无序...

    把富文本的回车转为br标签

    编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要转换成可以识别的&lt;br&gt; 方法1 string.replace(/(rn|n|r)/gm, ) 然后再用v-html=转换之后的string,就可以正常展示换行了 方法2 第二种方

    HTML_CSS学习笔记.docx

    6.7. &lt;textarea&gt;标签:创建文本域 25 6.8. &lt;label&gt;标签:为鼠标用户改进可用性 25 6.9. &lt;input&gt; radio/checkbox:单选框、复选框 26 6.10. &lt;select&gt;&&lt;option&gt;标签:创建下拉菜单 27 6.11. &lt;input&gt; submit类型:提交...

    ckeditor3.4.1+ckfinder2.0.1(asp.net整合版)

    &lt;textarea id="TextArea1" cols="20" rows="2" class="ckeditor"&gt;&lt;/textarea&gt; 如果是ASP.NET环境,也可用服务器端控件&lt;TextBox&gt; &lt;asp:TextBox ID="tbContent" runat="server" TextMode="MultiLine" class=...

    【JavaScript源代码】如何在vue中使用kindeditor富文本编辑器.docx

     第一步,下载依赖 yarn add kindeditor 第二步,建立kindeditor.vue组件 &lt;template&gt; &lt;div class="kindeditor"&gt; &lt;textarea :id="id" name="content" v-model="outContent"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/template&gt; ...

    网站被挂马,批量清除木马工具.rar

    &lt;div&gt;&lt;br /&gt;被替换过文件路径列表↓&lt;textarea id="txtreple" style="height:300px;overflow:auto"&gt;诚信自助链 http://www.fillseo.com&lt;/textarea&gt; &lt;/div&gt; &lt;div id="copyr"&gt;&lt;br /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;

    使用HTML开发商业网站-表单控件-textarea课件.pptx

    表单控件-textarea控件 ... &lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt; &lt;input type="submit" value="提交" /&gt; &lt;/form&gt; 可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不同浏览器效果是不一样的,不过更好的办法是使用 CSS

    表单与javascript

    &lt;TEXTAREA NAME="comment" rows=4 cols=30 &gt;请输入附注&lt;/TEXTAREA&gt;&lt;/p&gt; &lt;P ALIGN="CENTER"&gt; &lt;INPUT TYPE="submit" value="提交此表单" &gt; &nbsp;&lt;INPUT TYPE="reset" value="重置"&gt;&lt;/P&gt; &lt;/FORM&gt;&lt;/BODY&gt; &lt;/html&gt;

    TinyMCE 3.0

    &lt;br&gt;&lt;br&gt;功能特点:&lt;br&gt;&lt;br&gt;两行代码轻松集成&lt;br&gt;可以通过主题和插件实现自定义&lt;br&gt;可以自定义XHTNL 1.0输出,屏蔽非法的元素&lt;br&gt;支持国际语言&lt;br&gt;多浏览器支持,目前支持 Mozilla, MSIE, FireFox, Opera and Safari...

    jsp网络留言板程序

    &lt;td&gt;&lt;textarea name="content" cols="33" rows="12"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;&lt;br&gt; &lt;input type="submit" name="Submit" value="发表留言"&gt;&nbsp;&nbsp; &lt;input type="reset" name="Submit2" value=...

    CSS样式表单美化系列

    &lt;div id="freelance"&gt;CSS样式表单美化系列(1)&lt;/div&gt; &lt;form id="myForm" action="send.php" method="get" name="myForm"&gt; &lt;div id="form_box"&gt; &lt;div&gt; &lt;p&gt; First Name: &lt;/p&gt; &lt;input class="fieldclass...

    jQuery formValidator表单校验插件ver2.9.1

    &lt;br&gt;jQuery formValidator表单校验插件&lt;br&gt;插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示&lt;br&gt;目前支持5种大的校验方式,分别是:InputValidator(针对input、textarea、select控件的字符...

    biaodantestdemo

    &lt;textarea name="message" rows=5 cols=80&gt; &lt;/textarea&gt; &lt;br&gt; 你喜欢的衣服品牌: &lt;input type="checkbox" name="style" value="mt"&gt;美特斯邦威 &lt;input type="checkbox" name="style" value="jk"&gt;捷克琼斯 &lt;input ...

    dlog破废墟修改版 v1.2

    修正当UBB模式日志中含有textarea时的错位显示问题&lt;br&gt; 7. 增加评论搜索功能&lt;br&gt; 8. 加入代码高亮显示 高亮脚本修改自webcoding&lt;br&gt; 9. 修正样式设置中的截断显示不读取设置值的遗漏&lt;br&gt; 10. 修正翻页的小BUG 来自...

    一个简单的网页设计

    &lt;option&gt;学生&lt;/option&gt;&lt;option&gt;一年&lt;/option&gt;&lt;option&gt;二年&lt;/option&gt;&lt;option&gt;三年&lt;/option&gt;&lt;option&gt;三年到五年&lt;/option&gt;&lt;option&gt;五年到十年&lt;/option&gt;&lt;option&gt;十年以上&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; ...

Global site tag (gtag.js) - Google Analytics