html⽂字输⼊框参数,⽹页设计中⽂本输⼊框的参数说明
html怎样设置文本框输入输出⽂本输⼊框⼀般在留⾔本,论坛等地⽅都要⽤到,也就是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。表达形式
例2:取消⽂本框右边的滚动条。表达形式。的意思就是当输⼊的⽂本超出设置的⾏数时才⾃动显⽰滚动条。
例3:设置⽂本框的背景⾊。。
例4:另外设置⽂本框的滚动条颜⾊,边框⾊,以及字体⼤⼩,颜⾊,⾏距等,都可以直接在style⾥设置。不过这些⼀般都习惯在CSS⾥设置,直接调⽤就好了。下⾯是⼀段CSS设置代码:应该⽐较容易看懂,textbox⾥边依次设置的是⽂本框的背景⾊,上下左右边框⾊和厚度,以及输⼊字体的⼤⼩等。
以下是引⽤⽚段:
.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;}
把上⾯⼀段代码插到页⾯的
与之间。调⽤⽅式:。 class=""中的名字对应css⾥边要⽤到的设置的名字。熟悉了这些参数,修改和美化⽂本输⼊框就很⽅便了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论