• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > 网页设计中文本输入框的一些参数说明

网页设计中文本输入框的一些参数说明

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含说明,输入,中文,网页设计,文本,设置,<,",参数,这些等相关知识,佚名 希望在学习及工作中可以帮助到您

在一般的留言本,论坛等地方都要用到文本输入框,也就是html语言中的textarea,textare包含有众多的参数,学会运用这些参数,就可以随意修改文本输入框的大小和外观,达到你想要的效果,下面就来介绍这些参数,以及如何使用这些参数。
在一般的留言本,论坛等地方都要用到文本输入框,也就是html语言中的textarea,textare包含有众多的参数,学会运用这些参数,就可以随意修改文本输入框的大小和外观,达到你想要的效果,下面就来介绍这些参数,以及如何使用这些参数。
1、cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字。另外要注意的是,文本框的宽度就是通过这个来调整,输入好cols的数值,然后再定义输入文字字体的大小(不定义的话,会采用默认值),那么文本框的宽度就确定了。
2、rows,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了。(同上,文本框的高度就是通过这个来控制的。)
3、name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。
4、warp,当warp="off"表示该文本区域中不自动换行,当然不写默认是自动换行的。这个参数一般用得比较少。
5、style,这是个非常实用的参数,可以用来设置文本框的背景色,滚动条颜色及形式,边框色,输入字体的大小颜色等等。
6、class,一般用来调用外部css里边的设置。
例1:设置文本框的行数为40,列数为10。名称为text。表达形式 <textarea cols=40 rows=10 name=text></textarea>
例2:取消文本框右边的滚动条。表达形式<textarea cols=40 rows=10 name=text style="overflow:auto"></textarea>。style="overflow:auto"的意思就是当输入的文本超出设置的行数时才自动显示滚动条。
例3:设置文本框的背景色。<textarea cols=40 rows=10 name=text style="background-color:BFCEDC"></textarea>。
例4:另外设置文本框的滚动条颜色,边框色,以及字体大小,颜色,行距等,都可以直接在style里设置。不过这些一般都习惯在CSS里设置,直接调用就好了。下面是一段CSS设置代码:应该比较容易看懂,textbox里边依次设置的是文本框的背景色,上下左右边框色和厚度,以及输入字体的大小等。
<style>
.textbox { BACKGROUND: #BFCEDC; BORDER-TOP: #7F9DB9 1px solid; BORDER-LEFT: #7F9DB9 1px solid; BORDER-RIGHT: #7F9DB9 1px solid; BORDER-BOTTOM: #7F9DB9 1px solid; FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica"; FONT-SIZE: 12px; TEXT-ALIGN: LIFT;}
</style>
把上面一段代码插到页面的<head>与</head>之间。调用方式:<textarea cols=40 rows=10 name=text class="textbox"></textarea>。 class=""中的名字对应css里边要用到的设置的名字。熟悉了这些参数,修改和美化文本输入框就很方便了。

您可能想查找下面的文章:

  • 初学者接触HTML了解一些HTML标记(2)
  • 初学者接触HTML了解一些HTML标记(1)
  • 网页设计中文本输入框的一些参数说明
  • 初学者接触HTML了解一些HTML标记(3)
  • HTML教程:收集的常用的HTML标签(4)
  • HTML教程:收集的常用的HTML标签(5)
  • HTML教程:收集的常用的HTML标签(5)

相关文章

  • 2017-08-05插入表单form上下都会空出一行的解决方法
  • 2017-08-05HTML <!--...--> 注释标签的深层次作用分析
  • 2017-08-05HTML元素(标签)大全及使用介绍
  • 2017-08-05网页图片格式PNG,JPG,GIF如何选择使用
  • 2017-08-05折叠的table行元素bug
  • 2017-08-05圆角矩形的html+css实现代码
  • 2017-08-05什么是软件404和404错误 它们之间有什么区别
  • 2017-08-05zen coding for editplus 实例代码说明
  • 2017-08-05html 可输入下拉菜单的实现方法
  • 2017-08-05XHTML CSS写出正规的BLOG

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • margin-top负值解决label 文字与input 垂直居中对齐问题
    • HTML语法大全_html语言语法大全(必看)
    • HTML中让表单input等文本框为只读不可编辑的方法
    • 在网页上调用桌面exe程序的简单方法
    • XHTML标签的嵌套规则分析
    • Web 标准学习 理解结构和表现相分离
    • 设置搜索框的默认文字当鼠标单击时该默认文字消失
    • html 文本框(text)不可用只读的多种实现方法
    • 当td为空时怎样显示其边框
    • gbk utf8如何选择 正确理解和使用GBK及UTF-8网页编码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有