css构建很赞的表单效果

来源：互联网发布：如何做到数据安全编辑：程序博客网时间：2024/06/04 19:19

效果

就是将提交按钮改成文字状的,这样看着更加简洁.

CODE

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>用css建立表单</title><style type="text/css">form{font:20px Arial, Helvetica, sans-serif;}.txt{font:20px Arial, Helvetica, sans-serif;border:0px;border-bottom:1px black solid;background-color:transparent;}.btn{font:20px Arial, Helvetica, sans-serif;border:0px;background-color:transparent;<!--当鼠标指针移动到上面的时候显示为手掌形状-->cursor:pointer;}</style></head><body><form action="test.php" method="get" action="test.php">姓名:<input type="text" name="name" class="txt" /><input type="submit" value="提交>>>" class="btn"/></form></body></html>