CSS form表单布局经典一例

黄河大漠绿洲

黄河大漠绿洲

2016-02-19 13:37

下面是个简单易学的CSS form表单布局经典一例教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title52css.com/title
style type="text/css"
label{
float: left;
width: 80px;
}
form{margin:0px}
input{
width: 180px;
border:1px solid #808080
}

textarea{
width: 250px;
height: 150px;
}

#sbutton{
margin-left: 80px;
margin-top: 5px;
width:80px;
}

br{
clear: left;
}

/style
/head
body
form action="" method="post"

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

label for="user"姓名:/label
input type="text" id=user name="user" value="" /br /

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

label for="email"邮件:/label
input type="text" id=email name="email" value="" /br /

label for="comment"备注:/label
textarea id=comment name="comment"
/textarea
br /

input type="submit" value="确定" /br /

/form
/body
/html

展开更多 50%)
分享

猜你喜欢

CSS form表单布局经典一例

Web开发
CSS form表单布局经典一例

CSS表单美化之文本框与按钮一例

Web开发
CSS表单美化之文本框与按钮一例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

DIV CSS列形导航一例

Web开发
DIV CSS列形导航一例

经典 “反转负冲”人像处理一例

PS PS教程
经典 “反转负冲”人像处理一例

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS基本布局16例

Html CSS布局 Div+CSS XHTML
CSS基本布局16例

实现FTP访问一例

Linux Linux命令 Linux安装 Linux编程 Linux桌面 Linux软件 Linux内核 Linux管理
实现FTP访问一例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

J2ME平台构件及开发应用程序示例

J2ME平台构件及开发应用程序示例

学习在J2ME中使用代码

学习在J2ME中使用代码
下拉加载更多内容 ↓