注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

文本框代码  

2010-01-06 11:21:33|  分类: 博客装饰 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文本框代码

只读文本框代码

代码:
<div style="BORDER:3px Solid #ff0000;width:100px;">只读文本框代码</div>

参数:
width:140px; width: %;  宽度[像素/百分比等等]
height:120px;  高度[像素/百分比等等]
line-height:15px; 离顶部的距离
overflow: auto;  在需要时内容会自动添加滚动条

overflow: scroll;  总是显示滚动条
overflow-x: hidden;  禁止横向的滚动条
overflow-y: scroll;  总是显示纵向滚动条<br>
border-边框  Top 上, Bottom 下  left  左 Right 右
border-width:2px  边框宽度
border-style:  边框样式
    Solid 单线形   Double 双线   Groove 沟线立体效果 
    Ridge 脊线立体效果   Inset 嵌入线立体效果  Outset 浮出线立体效果
    dotted 简单的圆点 dashed 简单的虚线

border-color:#ffccff;  边框颜色
background-color:  背景颜色
scrollbar-base-color:#006699;设置基色

实例:

有边框有底色的文本框: 
<div style="width:400px;height:80px;background-color:#A0AEE7;border:2px Double #448CBB">文本</div>

有边框有底色的文本框


带滚动条的文本框:
<DIV style="FONT-SIZE:14px;OVERFLOW:scroll;WIDTH: 400px;line-height:30px;height:80px">文本</div>

带滚动条的文本框

 

 


竖排移动文字代码:
<MARQUEE scrollAmount=1 behavior=slide loop=1 width=400 height=223>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 direction=up width=400 height=220>
文字代码</MARQUEE></MARQUEE>

其中:Writing-Mode: tb-rl是文字竖排参数,其后的tb代表文字排列从上到下,rl代表从右到左。

 

表单文本框代码

单行文本框:
<input type="text">

文本框代码 - 火力光波 - 火力光波的博客 

属性解释:
type="text"定义单行文本输入框
name="名称"
size="宽度"
maxlength="最大输入文本长度"
value="初始值"
    注意:size的值小于maxlength的值时,当内容超过输入窗口的长度时会自动滚动;
              反之,size的值大于maxlength的值,超过maxlength长度的内容无法输入。

多行文本框:
<textarea cols=40 rovs=30>文本</textarea>

文本框代码 - 火力光波 - 火力光波的博客  

属性解释:
cols="宽度" 以平均字符数计
rovs="行数" 以行数计
disabled="disabled" 禁用该文本区
name="名称"
readonly="readonly" 规定文本区为只读
wrap 属性定义输入内容大于文本域时显示的方式,可选值如下:
        默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据
        在被提交处理时自动换行的地方不会有换行符出现;Off,用来避免文本换行,当输入
        的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行;
Virtual,允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行,
             而数据在被提交处理时自动换行的地方不会有换行符出现;
Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。

  返回目录

 

  评论这张
 
阅读(1410)| 评论(7)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017