14.图像按钮<input type="image"/>
图像按钮的src属性指定图像源文件,它没有value属性。图像按钮可代替<input type="submit"/>,而现在也可以通过css直接将<input type="submit"/>按钮的外观设置为一幅图片。
<input type="image" src="bg.jpg" />三、表单示例
该示例是使用表单实现的一个简单的注册页面,使用表格布局。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 01 Transitional//EN" "http://wwwworg/TR/html4/loosedtd">
<html>
<head>
<title>注册页面</title>
<style type="text/css">
table
{
width: 450px;
border: 1px solid red;
background-color: #FFCB29;
border-collapse: collapse;
}
td
{
width: 200;
height: 40px;
border: 1px solid black;
}
span
{
background-color: red;
}
</style>
</head>
<body style="background-color: blue; background-image: url(/image/bearjpg); background-repeat: repeat;">
<form name="registerform" id="form1" action="" method="post">
<table align="center" cellspacing="0" cellpadding="0">
<tr>
<td>
用户名:
</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>
密码:
</td>
<td>
<input type="password" />
</td>
</tr>
<tr>
<td>
确认密码:
</td>
<td>
<input type="password" />
</td>
</tr>
<tr>
<td>
请选择市:
</td>
<td>
<select>
<optgroup label="中国">
<option>甘肃省</option>
<option>河南省</option>
<option>上海市</option>
</optgroup>
<optgroup label="American">
<option>California</option>
<option>Chicago</option>
<option>New York</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td>
请选择性别:
</td>
<td>
<input type="radio" name="sex" id="male" value="0" checked="checked" /><label for="male">男</lable>
<input type="radio" name="sex" id="fmale" value="1" /><label for="fmale">女</label>
<input type="radio" name="sex" id="secret" value="2" /><label for="secret">保密</label>









