这是一个例了，不知道有没有更好的解决办法，大家随便看看！

CSS：

body{font-size:12px; line-height:1.9; text-align:center;}

#info{border:1px solid #006699; background:#F9EBBB; text-align:left; margin:10px auto; width:300px; padding:10px 10px 10px 110px;}

#info label{ width:100px;display: block; float:left; text-align:right; margin-left:-100px!important; margin-left:-50px;}

#info input{ border:1px solid #666699;height:19px;}

#info h1{font-size:12px; margin:0px;}

#info em{color:#FF0000; padding:0 5px;}

#info div{color:#FF0000; border:1px solid #FF0000; padding:0 5px; background:#FCF9E2; margin:2px 0;width:140px;}

.bx{ margin:3px;}

HTML：

表单布局的一个测试

您的名字：

*这是必需要填写的！

用户名不合法！

电子邮件：

*这是必需要填写的！

电子邮件错误！

地址：

*这是必需要填写的！

网址：

*这是必需要填写的！

运行效果：

表单例子

/*poluoluo.com*/

body{font-size:12px; line-height:1.9; text-align:center;}

#info{border:1px solid #006699; background:#F9EBBB; text-align:left; margin:10px auto; width:300px; padding:10px 10px 10px 110px;}

#info label{ width:100px;display: block; float:left; text-align:right; margin-left:-100px!important; margin-left:-50px;}

#info input{ border:1px solid #666699;height:19px;}

#info h1{font-size:12px; margin:0px;}

#info em{color:#FF0000; padding:0 5px;}

#info div{color:#FF0000; border:1px solid #FF0000; padding:0 5px; background:#FCF9E2; margin:2px 0;width:140px;}

.bx{ margin:3px;}

表单布局的一个测试

您的名字：

*这是必需要填写的！

用户名不合法！

电子邮件：

*这是必需要填写的！

电子邮件错误！

地址：

*这是必需要填写的！

网址：

*这是必需要填写的！

html带表单和div的素材,用DIV+CSSwe标准布局网页表单的一个例子相关推荐

php表单网页实例,40多个漂亮的网页表单设计实例_HTML/Xhtml_网页制作
下面我们介绍40多个漂亮的网页表单例子以及现代的解决方案和与网页表单设计有关的创造性思维.其中有一些是flash的:尽管如此,在大多数情况下,你能很容易的使用简单的css和(x)html来创建相同的设 ...
小说阅读网站设计HTML,40多个漂亮的网页表单设计实例
网页表单是访问者与网站拥有者主要的沟通途径.返馈总是重要的,这就是我们为什么确保网页表单容易理解和使用起来比较直观的原因,尽管如此,甚至在形式设计中它也担当创意中的有效部分. 网页表单并非都是乏味的, ...
loginform登录表单 vs_【VSRC唯科普】穿越网页表单与登录窗口的采集（第9/14篇）...
原标题:[VSRC唯科普]穿越网页表单与登录窗口的采集(第9/14篇) 鸣谢 VSRC感谢业界小伙伴-- Mils投稿精品科普类文章.VSRC欢迎精品原创类文章投稿,优秀文章一旦采纳发布,将有好礼相 ...
html制作网页怎样做表单,(html网页表单制作.doc
(html网页表单制作 1.表单标签<form>--</form> 语法:<FORM name="form_name" ACTION="UR ...
html5 表单for,HTML5 for(网页表单制作)(姬岚洋).doc
HTML5 for(网页表单制作)(姬岚洋) HTML5 Form (网页表单制作) 作者:姬岚洋说明:本文致力于制作一个简单的网页表单制作方法,向大家展现最简单的表单入门制作方法.实现截图: 源代 ...
网站开发之MyEclipse简单实现JSP网页表单提交及传递值
本文主要是作者<中小型网站开发与设计>课程的内容,非常基础的文章,主要是指导学生学会用MyEclipse实现JSP网页表单提交及传递参数.希望大家喜欢这篇文章,基础文章,不喜勿喷~ PS: ...
爬虫系列：穿越网页表单与登录窗口进行采集
上一期我们讲解了数据标准化相关内容,首先对单词出现的频率进行排序,之后对一些大小写进行转换,缩小 2-gram 序列的重复内容. 当我们真正迈出网络数据采集基础之门的时候,遇到的第一个问题可能是:&q ...
Delphi自动提交网页表单和获取框架网页源码
这两个问题的实现原理其实是差不多的,所以放在一起介绍,单元MSHtml封装了我们需要的功能. 首先,新建一个DELPHI工程,在USES部分添加MSHtml单元的引用. 然后,在窗体上放置一个TWeb ...
php 动态控件,PHP技术在动态网页表单控件提取中的应用研究
曲小纳摘要:由于电子商务及网络信息技术的飞速发展,动态网站已经逐渐取代传统的静态网站,在不断向人工智能化等方向发展.该篇文章就针对PHP这种技术在动态网页表单控件提取中的应用进行详细的阐述. 关键词 ...
html表格优秀作品,40多个漂亮的网页表单设计实例
网页表单是访问者与网站拥有者主要的沟通途径.返馈总是重要的,这就是我们为什么确保网页表单容易理解和使用起来比较直观的原因,尽管如此,甚至在形式设计中它也担当创意中的有效部分. 网页表单并非都是乏味的, ...

html带表单和div的素材,用DIV+CSSwe标准布局网页表单的一个例子

表单布局的一个测试

表单布局的一个测试

html带表单和div的素材,用DIV+CSSwe标准布局网页表单的一个例子相关推荐

最新文章

热门文章