inline表单的实现方法,以及代码
用CSS中的inline实战一个表单,以下代码是实现方法及代码,对此不熟悉的朋友,可经细心研究一下哦。
答案:<!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>inline表单</title>
<style>
form {
display: inline;
}
input.txt {
color: #00008B;
background-color: #E3F2F7;
border: 1px inset #00008B;
width: 200px;
}
input.btn {
color: #00008B;
background-color: #ADD8E6;
border: 1px outset #00008B;
}
</style>
</head>
<body>
请输入您的 email 地址:
<form method="post" action="">
<input type="text" name="name" id="name" class="txt" />
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" class="btn" />
</form>
</body>
</html>
上一个:采用css3的语言框效果
下一个:运用CSS Border 实战一个三角形图形