文档章节

HTML的文本域/框总结

徐小明d
 徐小明d
发布于 2017/04/22 15:40
字数 389
阅读 6
收藏 0

文本域

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

 <textarea style="border: 0;overflow: auto;color:#FFFFFF;></textarea>

2.红色边框文本域

<textarea style="border:1px  solid   #FF0000;overflow:visible;color:#FFFFFF; >  </textarea>

3.无边框有滚动条

<textarea style="scrollbar-face-color:#ff80ff; border:0px;color:#ffffff; font-size:15pt; font-weight:bold">   </textarea>

4.较好看的文本域<大型的文本域选用第一个>

  1. <textarea cols="36" rows="8" id="content" style="border: 1 solid #888888;LINE-HEIGHT:18px;padding: 3px;"></textarea>
  2. <textarea style="border: #FF0000  1px  solid;overflow: visible;color: #FFFFFF;></textarea>
  3. <input type="text" style="height:19;border-top: 1px solid #808080;border-right: 1px solid #D4D0C8;border-bottom: 1px solid #D4D0C8;border-left: 1px solid #808080;" value="" size="29">

     4.<textarea style="border: 0;overflow: auto;color: #FFFFFF></textarea>

文本框:

1.文本框禁止复制

<input name="textfield" type="text" value="不能复制里面的字" oncopy="return false;" oncut="return false;">

2.文本框禁止粘贴

<input type="text" name="textfield" value="不能向文本框里粘贴" onpaste="return false">

3.关闭文本框输入法

<input type="text" name="textfield" style="ime-mode:disabled" value="关闭输入法">

4.无边框文本框

<input type="text" style="border:1px;border-bottom-style:none;border-top-style:none;border-left-style:none;border-right-style:none;">

其他:         

1、设置文本域的字体   

<textarea style="font-size:9pt;font-family:verdana;color:#333333">输入内容</textarea>   

2、设置文本域的背景色   

<textarea style="background-color:#ffffff">输入内容</textarea> 

 3、文本域的虚线边框设置   

<textarea style="border:1px  dotted  #6CABE7;">输入内容</textarea>   

4、文本域的实线边框设置   

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

5、文本域的点线边框设置   

<textarea style="border:2px   dotted   #6CABE7;">输入内容</textarea>   

6、设置文本域的背景图   

<textarea style="background-attachment: fixed; background-image: url(背景图所处位置)"></textarea> 

  

© 著作权归作者所有

共有 人打赏支持
徐小明d
粉丝 0
博文 27
码字总数 9746
作品 0
南昌
JavaWeb01-HTML篇笔记(四)

1.1 案例五:网站的注册页面的显示:1.1.1 需求: 使用HTML完成注册页面的设计: 1.1.2 分析:1.1.2.1 技术分析 【HTML的表单标签(*****)】 HTML的表单标签: 常用属性: :单选按钮. :复选按...

我是小谷粒
04/26
0
0
JavaScript高级编程 III

原文地址:http://www.onlamp.com/pub/a/onlamp/2007/11/20/advanced-javascript-iii.html JavaScript高级编程I:http://blog.csdn.net/mydeman/archive/2007/08/20/1751479.aspx JavaScript......

kjmeng
2008/07/21
0
0
javascript 基础学习整理 二 之 html对象总结,参考W3C

Anchor 对象 更改一个链接的文本、URL 以及 target 使用 focus() 和 blur() 向超链接添加快捷键 Document 对象 使用 document.write() 向输出流写文本 使用 document.write() 向输出流写 HT...

文艺小青年
2017/06/08
0
0
Lotus开发之Lotus Notes中域的验证

一:介绍 Lotus中的域主要有以下的类型:文本,日期/时间,对话框列表,复选框,单选按钮,RTF等等。Lotus中域的验证方式有很多种公式,lotusscript,javascript等。如果你使用notes开发c/s...

zting科技
2017/01/10
0
0
如何建立一个样式新颖的CSS3搜索框

日期:2013-2-26 来源:GBin1.com 在线演示 搜索框大概是web开发中最常用的UI元素之一,我想基本没有必要去介绍如何使用它。无论是网站还是web应用,都会为了增强用户体验而添加它,那么你是...

gbin1
2013/02/26
267
0

没有更多内容

加载失败,请刷新页面

加载更多

初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
6
0
现场看路演了!

HiBlock
昨天
19
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
12
0
官方精简版Windows10:微软自己都看不过去了

微软宣布,该公司正在寻求解决方案,以减轻企业客户的Windows 10规模。该公司声称,企业客户下载整个Windows 10文件以更新设备既费钱又费时。 微软宣布,该公司正在寻求解决方案,以减轻企业...

linux-tao
昨天
20
0
TypeScript基础入门之JSX(二)

转发 TypeScript基础入门之JSX(二) 属性类型检查 键入检查属性的第一步是确定元素属性类型。 内在元素和基于价值的元素之间略有不同。 对于内部元素,它是JSX.IntrinsicElements上的属性类型...

durban
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部