css form 表单组

2014年7月1日 15:31:17

第一次写css,见谅

css:

 1 /*form*/
 2 /*default*/
 3 .form-box .form-group .form-label {text-align: right; width: 200px; height: 33px; line-height: 33px;}
 4 .form-box .form-group .form-input {text-align: left; width: 200px; height: 33px; display: inline;}
 5 .form-box .form-group .form-tip {margin: 5px;padding: 0px;width: 200px;text-align: center; display: inline;}
 6 .form-box .form-submit {margin-left: 200px}
 7
 8 /*small*/
 9 .form-box .form-group .form-label-small {text-align: right; width: 150px; height: 33px; line-height: 33px;}
10 .form-box .form-group .form-input-small {text-align: left; width: 150px; height: 33px;}
11 .form-box .form-group .form-tip-small {margin: 5px;padding: 0px;width: 150px;text-align: center;}
12 .form-box .form-submit-small {margin-left: 150px}
13
14 /*large*/
15 .form-box .form-group .form-label-large {text-align: right; width: 250px; height: 33px; line-height: 33px;}
16 .form-box .form-group .form-input-large {text-align: left; width: 250px; height: 33px;}
17 .form-box .form-group .form-tip-large {margin: 5px;padding: 0px;width: 250px;text-align: center;}
18 .form-box .form-submit-large {margin-left: 250px}

html:

 1 <form class="form-box" >
 2     <div class="form-group">
 3         <label class="form-label">表单名: </label>
 4         <input type="text" class="form-input">
 5         <span class="form-tip"></span>
 6     </div>
 7     <div class="form-group">
 8         <label class="form-label">表单名: </label>
 9         <input type="text" class="form-input">
10         <span class="form-tip"></span>
11     </div>
12     <input type="submit" class="form-submit" value="go!" >
13 </form>

css form 表单组

时间: 07-02

css form 表单组的相关文章

django form表单组建使用及CBV模式

一.FBV和CBV FBV:是视图函数以函数的方式写逻辑代码 CBV:是视图以类的方式写逻辑代码 如CBV: views.py from django.shortcuts import render,HttpResponse,redirect from django.views import View from django.views.decorators.csrf import csrf_exempt,csrf_protect from django.utils.decorators imp

通过html()的方法获取文本内容, form表单组件显示的值与获取到的值不一致的问题

我在通过 html()获取对应节点的内容,发现一个问题,获取到的 form表单组件的内容值是初始加载的值,而不是经过用户修改后的值.例如页面加载时组件<input type="text" value="111111"/>,用户更改表单的值为 222222,通过父节点的html()方法获取这个组件,预期应该是<input type="text" value="222222"/>,可结果却是初始时的样子&l

微信小程序组件解读和分析:九、form表单

form表单组件说明: 表单,将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交. 当点击 <form/> 表单中 formType 为 submit 的<button/> 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key. form表单组件用法: 重置:<butt

Form表单类组件与Map地图组件

笔记内容:Form表单类组件与Map地图组件 笔记日期:2018-02-04 form之switch组件 switch组件是一个开关选择器,wxml示例代码如下: <view class='container'> <view class='switch_text'>switch</view> <switch name='switch1' checked='true' /> <switch name='switch2' /> <switch

Django 之 form表单

Django中的Form表单 1.背景 平时我们在书写form表单时,经常都是手动的去写一些input标签,让用户输入一些功能,进行一些校验的判断,等等.Django中的form表单就能够帮我们去实现这些功能,比较便捷. 2.Django form表单的功能 1.生成页面可执行的HTML标签 2.对应户的数据进行校验 3.保留上次输入的内容 3.先用普通方式手写一个注册功能 1.views.py文件中 # 注册 def register(request): error_msg = ""

Django中Form表单之字段详解

Django中的Form表单 1.背景 平时我们在书写form表单时,经常都是手动的去写一些input标签,让用户输入一些功能,进行一些校验的判断,等等.Django中的form表单就能够帮我们去实现这些功能,比较便捷. 2.Django form表单的功能 1.生成页面可执行的HTML标签 2.对应户的数据进行校验 3.保留上次输入的内容 3.先用普通方式手写一个注册功能 1.views.py文件中 # 注册 def register(request): error_msg = ""

BootStrap的table表格,栅格系统,form表单的样式

BootStrap BootStrap的简介 1.    什么是Bootstrap 由两个前端设计师开发的一个前端的框架(Html,css,js) 简化了程序员写css的代码 2.    为什么使用BootStrap,有什么特点 l  学习比较简单,有了Html,css和js就能学习 l  响应式布局,可以适应多种的设备 l  移动设备优先 BootStrap的使用 环境的安装 官网上下载包 要想使用bootStrap 必须加载jquery bootStrap的基本模板 1.     Html文

HTML table、form表单标签的介绍

本篇主要介绍 table.form标签以及表单提交方式. 目录 1. <table> 标签:在HTML 中定义表格布局. 2. <form> 标签:用于创建 HTML 表单. 3. 表单提交方式:介绍get.post方法. 1. <table> 标签 1.1 说明 在HTML 中定义表格布局. 1.2格式 <table> <caption></caption> <tr> <th></th></

HTML 中按钮作为form表单元素提交特性两则 --- 参HTML考标准分析

相同name的submit 类型的input提交行为 描述 这种情况, <input type="submit" name="ACTION" value="Apply"/> <input type="submit" name="ACTION" value="Cancel"/> 其能够作为提交内容, 发送到服务器段的参数的按钮, 对应被点击激活的按钮. 这表示多个