当前位置:编程学习 > JS >>

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 实战一个三角形图形

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,