Vertical-align + 表单
Vertical-align 垂直对齐方式
定义行内元素的基线相对于该元素所在的基线的垂直对齐。
inline inline-clock img图片标签具有,块级元素没有。
vertical-align 可能的值:
top 元素的顶端与行中最高元素的顶端对齐
middle 此元素放在元素中部
bottom 元素的顶端与行中追低的元素的顶端对齐
Cursor指针样式
cursor指针样式(规定要鼠标进入元素内容区域显示的光标的类型)
Cursor可能的值:
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标
pointer 光标呈现为指针链接的指针(一只手)
move 此光标指示某对象可被移动
wait 光标指示正忙(通常是一只表或沙漏)
cursor:url(hand.cur),pointer
第一个值:Url()定义指针文件路径,此文件必须是cur后缀
第二个值:当第一个值出错的时候的备用类型
Opacity透明度
opacity属性设置元素的不透明级别
A标准不透明:opacity:0~1;
从0(完全不透明)到1(完全不透明)
表单元素
表单是一个包含表单元素的区域。
表单元素是容许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素
<form action="url">...input元素</from>
常用的输入类型:文本域,单选框,复选框,下拉列表,按钮元素,隐藏输入框,定义域,lable标签
多行文本输入框(文本域)
<textarea name="file" rows=20 cols=30></textarea>
cols 垂直列 。在没有做样式表设置的情况下,他表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字
rows,水平行。表示可显示的行数。例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览。
name,文本框的名称,这项必不可少,因为在储存文本的时候必须用到、
单行文本输入框
<inpute type="text" name="txt" value=""/>
value值 文本输入框的默认值
单选按钮(Radio Button)
当用户从若干给定的选择中选取其一时,就会用到单选框。(多项选其一)
<input type="radio" name="sex" value="0"/>男
<input type="radio" name="sex" value="1"/>女
name名称必须相同。默认选择可加checked。
复选框(Checkboxe)多选框
当用户需要从给定的选择中选取一个或若干个选项时,就会用到复选框。
<input type="checkbox" name="apple"/>苹果
<input type=checkbox name="banana"/>香蕉
下拉列表
select元素可创建单选或多选菜单
<select name="data">
<option value="1">一月</option>
<option value="1">二月</option>
<option value="1">三月</option>
<option value="1">四月</option>
<option value="1">五月</option>
<select/>
按钮标签
<input type="button" value="按钮值"/>
<input type="submit" value="登陆"/>
隐藏输入框
<input type="hidden" value=""/>
Vertical-align + 表单的更多相关文章
- [转]CSS 表单元素对齐详解
来源:http://blog.sina.com.cn/s/blog_655388ed0100lzyk.html 简单的设置input{vertical-align:middle}即可,完美的: lab ...
- div仿checkbox表单样式美化及功能
div仿checkbox表单样式美化及功能(checkbox的样式不好看)素材在底部: 效果图: window.css .bj { position: absolute; top: 0; left: ...
- vertical-align表单元素垂直对齐
原文地址:http://www.blueidea.com/tech/web/2009/6910.asp 最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio).但是在前 ...
- PHP表单生成器,快速生成现代化的form表单,快速上手
form-builder PHP表单生成器,快速生成现代化的form表单.包含复选框.单选框.输入框.下拉选择框等元素以及省市区三级联动.时间选择.日期选择.颜色选择.树型.文件/图片上传等功能. 详 ...
- form表单的属性标签和练习
form表单的标签 做一个如下图的form表单: 我们的代码如下: <body leftmargin="400px" topmargin="200px"& ...
- JSP复习整理(一)表单
好久没更了,一周完成了SRDP,一周完成了课程设计,这一周就要好好回顾回顾Java Web的学习轨迹了. 用的eclipse Mars 一.表单 start.jsp <%@ page langu ...
- ajax提交form表单
1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginF ...
- mvc中form表单提交的几种形式
第一种方式:submit 按钮 提交 <form action="MyDemand" method="post"> <span>关键字: ...
- espcms简约版的表单,提示页,搜索列表页
模板/lib/form.html <script type="text/javascript" src="{%$rootdir%}js/My97DatePicker ...
- ajax提交form表单资料详细汇总
一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味 ...
随机推荐
- Docker:Docker machine(5)
Docker machine Docker Machine的安全集成在Docker Toolbox中,是用户在Windows环境下使用docker并管理VirtualBox的一个终端: docker- ...
- cocos2d JS-(JavaScript) 冒泡排序
思想: 比较相邻的元素.如果第一个比第二个大,就交换他们两个. 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对.在这一点,最后的元素应该会是最大的数. 针对所有的元素重复以上的步骤,除了最 ...
- 【Spark-core学习之九】 Spark案例
环境 虚拟机:VMware 10 Linux版本:CentOS-6.5-x86_64 客户端:Xshell4 FTP:Xftp4 jdk1.8 scala-2.10.4(依赖jdk1.8) spark ...
- 7.mongo python 库 pymongo的安装
1.Python 中如果想要和 MongoDB 进行交互就需要借助于 PyMongo 库,在CMD中使用命令即可[注意此处是pip3,pip无法安装]: pip3 install pymongo 2. ...
- 【winform】DataGridView控件[表格]
一.表格 0.从数据库获取一个表在DataGridView中显示: 数据库查询的方式大同小异,重点是如何把数据显示到控件中的方法,通过dataset作为数据的中继,把Adapter中的数据存到data ...
- MySQL MHA 报错处理
安装环境:CentOS 6.5 MySQL 5.7.22 MHA 0.56 1.找不到mysql 命令 Sat Mar 23 07:17:50 2019 - [info] Connecting to ...
- Docker Kubernetes Service 代理服务创建
Docker Kubernetes Service 代理服务创建 创建Service需要提前创建好pod容器.再创建Service时需要指定Pod标签,它会提供一个暴露端口默会分配容器内网访问的唯一 ...
- 从一组数找第K大元素
最近做面试题,经常与到一个问题,如何高效的从一组数中找到第K大的元素. 其实我们最容易想到的肯定是蛮力法. 1. 我们可以对这个乱序数组按照从大到小先行排序,然后取出前k大,总的时间复杂度为O(n*l ...
- JS设计模式(4)迭代器模式
什么是迭代器模式? 定义:提供一种方法顺序访问一个聚合对象中各个元素, 而又无须暴露该对象的内部表示. 主要解决:不同的方式来遍历整个整合对象. 何时使用:遍历一个聚合对象. 如何解决:把在元素之间游 ...
- FL Studio的模式剪辑是什么?
FL Studio里的模式剪辑功能里,有一个模式菜单.模式剪辑菜单和模式选择器面板.模式可以作为模式剪辑放置在播放列表中,模式剪辑的名称显示在剪辑的标题栏中.(注意:模式注释和事件自动化可以共享相同的 ...