HTML表单怎样修改边框颜色

html-css024

HTML表单怎样修改边框颜色,第1张

HTML表单修改边框颜色的语法为<td bgcolor="#ffffff">,其中的"#ffffff"为颜色代码。

1、HTML外边框:

<TABLE style="BORDER-RIGHT: #00ff00 10px ridge BORDER-TOP: #00ff00 10px ridge BORDER-LEFT: #00ff00 10px ridge BORDER-BOTTOM: #00ff00 10px ridge BACKGROUND-COLOR: #ff0000"cellSpacing=0><TBODY><TR><TD>

这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,在这里还可以放一个或多个动画代码(做多层透明flash动画)。

</TD></TR></TBODY></TABLE>

效果:

2、HTML内边框:

语法:<TABLE border=1><TBODY><TR><TD>

“=”号后的“1”可以变为“2”或“3”,不可改得太大,因为这是**内边框宽度的,太宽了就不好看了;做几个内边框,就将这段代码放开头那段代码的<TD>后,(即“文字”前)并复制粘贴几次。

效果:

第一个是普通按钮,需要事件才会有反应

第二个默认会提交form表单到action指定的地址

如果想要让普通按钮做提交按钮,那么添加可以添加onclick事件,如下

<input type="button" onclick="subm()" value="提交表单">

对应的js如下

function subm(){

document.getElementById("formID").submit()

}

一般用普通按钮作提交按钮有以下方面:

1、提交时验证数据(也可以在form表单里加onsubmit事件)

2、修改表单属性(如form.action = "值")

不知道你为什么有这样的特殊需求,我发现在它onreset的时候你直接调用javascript去赋值是不行的,我使用了setTimeout()就ok了,隔了100毫秒再执行就ok嘞,以下代码测试通过:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml">

<head>

<title></title> <script type="text/javascript">

function reset() {

document.getElementById("text1").value = "11111"

}

</script></head>

<body>

<form id="Form1" name="form1" onreset="setTimeout('reset()',100)">

<input id="text1" type="text" value="" name="text1" />

<input type="reset" value="RESET" />

</form>

</body>

</html>