您的位置:

js表单样式(js中表单)

js表单样式(js中表单)

更新:

本文目录一览:

如何设置SpreadJS表单的单元格

setValue可以设置单元格的值

setStyle可以设置单元格的样式

setFormula可以设置单元格的公式

setFormatter可以设置单元格的格式

等等,对应不同的需求,可以在单元格上做不同的设置

如何设置SpreadJS的表格样式

设置样式的方式跟html中的css类似,SpreadJS有很多样式的属性,通过设置对应的属性来完成整体样式的设置:

构造一个样式并设置不同的属性, 示例代码如下:

var style = new GC.Spread.Sheets.Style();

style.backColor = 'red';

style.foreColor = 'green';

style.isVerticalText = 'true';

之后可以将此样式设置给单元格, 行, 或者列:

//set style to cell.

sheet.setStyle(5, 5, style, GC.Spread.Sheets.SheetArea.viewport);

//set style to row.

sheet.setStyle(5, -1, style, GC.Spread.Sheets.SheetArea.viewport);

//set style to column.

sheet.setStyle(-1, 5, style, GC.Spread.Sheets.SheetArea.viewport);

样式在不同的层级结构中具有不同的优先级别, 如下: 单元格 行 列。

另外,SpreadJS 支持给样式设置一个名称, 并将这个命名过的样式加入到表单的名称样式集合中。这样让样式的使用和管理更方便。

构造一个名称样式, 并将此样式添加到表单或者 Spread 控件的名称样式集合中。

var style = new GC.Spread.Sheets.Style();

style.name = 'style1';

style.backColor = 'red';

//add to sheet's named style collection.

sheet.addNamedStyle(style);

//add to spread's named style collection.

spread.addNamedStyle(style);

当名称样式添加到表单名称样式集合中后, 可以通过样式的名称找到它:

sheet.getNamedStyle('style1');

spread.getNamedStyle('style1');

如果名称样式不再使用, 你可以将其从名称集合中删除掉:

sheet.removeNamedStyle('style1');

spread.removeNamedStyle('style1');

如何用js给html表单设置style

首先,把CSS和JS标签style属性对照表了解了:

CSS 和 JavaScript 标签 style 属性对照表:

盒子标签和属性对照

CSS语法(不区分大小写) JavaScript语法(区分大小写)

border border

border-bottom borderBottom

border-bottom-color borderBottomColor

border-bottom-style borderBottomStyle

border-bottom-width borderBottomWidth

border-color borderColor

border-left borderLeft

border-left-color borderLeftColor

border-left-style borderLeftStyle

border-left-width borderLeftWidth

border-right borderRight

border-right-color borderRightColor

border-right-style borderRightStyle

border-right-width borderRightWidth

border-style borderStyle

border-top borderTop

border-top-color borderTopColor

border-top-style borderTopStyle

border-top-width borderTopWidth

border-width borderWidth

clear clear

float floatStyle

margin margin

margin-bottom marginBottom

margin-left marginLeft

margin-right marginRight

margin-top marginTop

padding padding

padding-bottom paddingBottom

padding-left paddingLeft

padding-right paddingRight

padding-top paddingTop

颜色和背景标签和属性对照

CSS 语法(不区分大小写) JavaScript 语法(区分大小写)

background background

background-attachment backgroundAttachment

background-color backgroundColor

background-image backgroundImage

background-position backgroundPosition

background-repeat backgroundRepeat

color color

样式标签和属性对照

CSS语法(不区分大小写) JavaScript 语法(区分大小写)

display display

list-style-type listStyleType

list-style-image listStyleImage

list-style-position listStylePosition

list-style listStyle

white-space whiteSpace

文字样式标签和属性对照

CSS 语法(不区分大小写) JavaScript 语法(区分大小写)

font font

font-family fontFamily

font-size fontSize

font-style fontStyle

font-variant fontVariant

font-weight fontWeight

文本标签和属性对照

CSS 语法(不区分大小写) JavaScript 语法(区分大小写)

letter-spacing letterSpacing

line-break lineBreak

line-height lineHeight

text-align textAlign

text-decoration textDecoration

text-indent textIndent

text-justify textJustify

text-transform textTransform

vertical-align verticalAlign

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

HTML

HEAD

TITLE New Document /TITLE

/HEAD

script language="javascript"

function validate(){

if (document.all("name").value == ""){

document.all("name").style["borderColor"]="red";//就是这里

return;

}

}

/script

BODY

input type="text" name="name"

/BODY

/HTML

js表单样式(js中表单)

本文目录一览: 1、如何设置SpreadJS表单的单元格 2、如何设置SpreadJS的表格样式 3、如何用js给html表单设置style 如何设置SpreadJS表单的单元格 setValue可以

2023-12-08
cssjs钟表样式(js表格样式)

本文目录一览: 1、JS调用CSS样式表问题(功能鼠标经过文本域是文本域边框颜色发生变化『给出能够实现功能的源码』) 2、JS中改变CSS样式的问题 3、css怎么样制作钟表 4、如何用JS修改已加载

2023-12-08
表单css和js例子,html简单表单代码例子

2022-11-24
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
怎样通过js获取数据库数据的简单介绍

本文目录一览: 1、js调用数据库里面的数据 2、js 如何读取数据库信息 3、javascript如何读取到数据库的信息 4、javascript中如何获取从数据库取出的数据? 5、JS 文件如何获

2023-12-08
关于js表单调用显示php数据(php与html表单的交互)

2022-11-12
js创建样式类,样式的创建和使用

本文目录一览: 1、JavaScript如何创建一个类? 2、Javascript里的style怎样追加 3、怎样用JS来添加CSS样式 4、JS创建的style样式怎么使用变量 5、用JavaScr

2023-12-08
js选中样式(js样式居中)

本文目录一览: 1、js控制选中样式 2、JS里添加样式 3、js浏览器打印 为什么单选框无选中样式 4、JavaScript改变选中的文本的字体样式 5、js如何去掉选中文字的样式 6、JS通过修改

2023-12-08
js怎么提交表单到php(js实现表单提交)

2022-11-12
js验证表单提交代码(js进行表单验证)

本文目录一览: 1、js表单验证代码怎么写 2、如何用js提交struts2验证表单? 3、用JS提交表单时如何验证表单项 4、js注册表单验证代码 js表单验证代码怎么写 我来举个例子,很简单的!D

2023-12-08
javascript简要笔记,JavaScript读书笔记

2022-11-17
怎样在js中写css,js或者怎么写

本文目录一览: 1、css在js里面怎么连写 2、如何在JS中定义CSS 3、js 写CSs样式 4、js中用cssText设置css样式的简单方法 5、笔记:JS设置CSS样式的几种方式 css在j

2023-12-08
js行内样式怎么写,css行内样式怎么写

本文目录一览: 1、js的行内写法是什么 2、笔记:JS设置CSS样式的几种方式 3、JS里添加样式 4、JS如何设置表格行样式? js的行内写法是什么 就是把方法写在标签里面input type="

2023-12-08
js取消样式设置,js取消样式设置快捷键

2022-11-25
js修改cssimportant的简单介绍

本文目录一览: 1、js如何直接修改css里面的属性值呢? 2、笔记:JS设置CSS样式的几种方式 3、如何用JS修改已加载的CSS样式表样式? 4、JS修改CSS设置的样式 5、如何使用jquery

2023-12-08
js如何提交与php(表单提交js)

本文目录一览: 1、如何把一个js变量传给php变量 2、js如何提交post使php获取(使用原生js) 3、js如何传值给php? 4、怎样把js中的数组提交到php中 5、如果用JS提交表单数据

2023-12-08
用js代码写表单输入(用js代码写表单输入什么)

本文目录一览: 1、如何用JS或JQuery进行表单输入内容的判断 2、怎样用js创建Form表单并提交 3、如何用JS给一页面表单自动填值? 4、用js里怎么写输入框 5、用javascript编写

2023-12-08
js点击弹窗弹出表单框代码,js中弹框

2022-11-25
js设置表格滚动条样式(js设置表格滚动条样式不变)

本文目录一览: 1、如何在JS画的表格中添加滚动条 2、如何改变jqgrid表格滚动条样式 3、如何使用JS控制DIV内容的滚动条 4、JS如何设置表格行样式? 5、滚动条样式、js语法 求助! 6、

2023-12-08