经典 用CSS实现表单form布局

css

<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><form action="" method="post"><label for="user">姓名:</label><input type="text" id=user name="user" value="" /><br /><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" id="sbutton" value="确定" /><br /></form>

时间: 2024-09-25 08:37:53

经典&nbsp;用CSS实现表单form布局的相关文章

用CSS实现表单form布局

 <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: le

用css制作表单并体验亲和力

css 对于表单,很常用.但是在web standard建站的时候,他的排版往往让人遗忘,到了真正用到的时候就发现让人头疼,当然我也遇到过.我现在要介绍一个用<fieldset></label>标签制作漂亮而且具体亲和力的表单的方法. 基本的xhtml: <h3>已注册用户登录</h3> <form action="" method="post" name="apLogin" id="

基于CSS的表单:现代的解决方案

css|解决  原文:CSS-Based Forms: Modern Solutions作者:Sven Lennartz备注:作者不辞辛苦不遗余力地提供给我们这么多的这么好的参考,真是令人感动阿,我转的手都麻了!Quote In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors' attention, so web-forms are

纯语义化XHTML CSS设计表单方法

  很多CSS爱好者不喜欢HTML表格,尤其是在制作表单的时候,虽然现在已经是XHTML CSS的年代,但表单的设计大多还在采用table来布局.那么,有没有更好的使用纯语义化XHTML CSS设计表单方法呢?今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表单元素吧!  在这里要说,并不是要完全摒弃table的使用,它有它的语义化布局作用,尤其是在存储数据的时候.我在大多数情况下会使用纯CSS来设计表单,但是,我也很喜欢表格,只要我们能在正确的地方使用正确的元素就可以了,不要太

Jquery基于Ajax方法自定义无刷新提交表单Form实例_AJAX相关

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法.分享给大家供大家参考.具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法: 如Form代码如下: 复制代码 代码如下: <form id="Form1" action="action.aspx" method="pos

用JS动态改变表单form里的action值属性的两种方法_javascript技巧

方法1: <form id="form1" name="form1" method="post" action="../news/index.asp"> <table width="100%" height="43" border="0" cellpadding="0" cellspacing="0">

html-关于表单form的相关问题(基础)

问题描述 关于表单form的相关问题(基础) 我这两天刚开始学习HTML,请求大神们这个效果(里面的"公司所在地"后面的北京和东城)怎么用标记select实现呀~~ 解决方案 javascript省市联动示例 解决方案二: 就是表单类型为select后,指定表单选项, 就能显示这个效果了. 完整的html教程地址:http://www.w3school.com.cn/h.asp 解决方案三: 百度一下标签 解决方案四: <select name="city"

CSS 给表单必选项添加星号的例子

在制作网页表单的时候,如果一个选项是必填的,通常会给选项添加一个星号,比如 WordPress 的评论表单: <p class="form-group">  <label for="author">姓名</label> <span class="required">*</span>  <input type="text" id="author"

Jquery基于Ajax方法自定义无刷新提交表单Form实例

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法.分享给大家供大家参考.具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法: 如Form代码如下: 复制代码 代码如下:<form id="Form1" action="action.aspx" method="post