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 + 表单的更多相关文章

  1. [转]CSS 表单元素对齐详解

    来源:http://blog.sina.com.cn/s/blog_655388ed0100lzyk.html 简单的设置input{vertical-align:middle}即可,完美的: lab ...

  2. div仿checkbox表单样式美化及功能

    div仿checkbox表单样式美化及功能(checkbox的样式不好看)素材在底部: 效果图: window.css .bj { position: absolute; top: 0; left: ...

  3. vertical-align表单元素垂直对齐

    原文地址:http://www.blueidea.com/tech/web/2009/6910.asp 最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio).但是在前 ...

  4. PHP表单生成器,快速生成现代化的form表单,快速上手

    form-builder PHP表单生成器,快速生成现代化的form表单.包含复选框.单选框.输入框.下拉选择框等元素以及省市区三级联动.时间选择.日期选择.颜色选择.树型.文件/图片上传等功能. 详 ...

  5. form表单的属性标签和练习

    form表单的标签 做一个如下图的form表单: 我们的代码如下: <body leftmargin="400px" topmargin="200px"& ...

  6. JSP复习整理(一)表单

    好久没更了,一周完成了SRDP,一周完成了课程设计,这一周就要好好回顾回顾Java Web的学习轨迹了. 用的eclipse Mars 一.表单 start.jsp <%@ page langu ...

  7. ajax提交form表单

    1. ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单. 2. from视图部分 <form id="loginF ...

  8. mvc中form表单提交的几种形式

    第一种方式:submit 按钮 提交 <form action="MyDemand" method="post"> <span>关键字: ...

  9. espcms简约版的表单,提示页,搜索列表页

    模板/lib/form.html <script type="text/javascript" src="{%$rootdir%}js/My97DatePicker ...

  10. ajax提交form表单资料详细汇总

    一.ajax提交form表单和不同的form表单的提交主要区别在于,ajax提交表单是异步提交的,而普通的是同步提交的表单.通过在后台与服务器进行少量数据交换,ajax 可以使网页实现异步更新.这意味 ...

随机推荐

  1. HBuilder/Mui开发ios使用上拉刷新导致滚动条无法使用的解决方法

    HBuilder/Mui开发的APP使用上拉刷新,当滚动到底部是会触发上拉刷新,加载更多数据.但是ios上确是一个坑,导致滚动条无法滚动. 解决方法 放弃Mui的上拉刷新,自己使用JS实现. var ...

  2. git----------SourceTree如何连接ssh的仓库地址,这里记录的是客户端需要做的事

    1. 2. 打开命令行以后输入ssh-keygen -t rsa -C "example@example.com"  这个地方输入的是你注册gitlab所使用的邮箱.按回车,之后还 ...

  3. 关于angular2 打包(一)

    在讲到angular2 及以上项目打包之前,我先讲一下.angular cli 拥有自己的打包工具,熟悉的可以直接上手.如果用不惯,也可以去使用webpack 之类的.内置的systemjs也是很好用 ...

  4. WebForm跨页面传值取值、C#服务端跳转页面、 Button的OnClientClick属性和超链接点击弹出警示框

    一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值方式: href="地址?key=v ...

  5. 【Spark-core学习之二】 RDD和算子

    环境 虚拟机:VMware 10 Linux版本:CentOS-6.5-x86_64 客户端:Xshell4 FTP:Xftp4 jdk1.8 scala-2.10.4(依赖jdk1.8) spark ...

  6. 1005 继续(3n+1)猜想 (25 分)

    1005 继续(3n+1)猜想 (25 分)   卡拉兹(Callatz)猜想已经在1001中给出了描述.在这个题目里,情况稍微有些复杂. 当我们验证卡拉兹猜想的时候,为了避免重复计算,可以记录下递推 ...

  7. zabbix 配置本地邮箱报警

    Centos 6.5, Zabbix 3.0.4 后台配置email 浏览器登录zabbix后台,Administration -> Media types -> Email: 比较简单的 ...

  8. HTML5的自定义属性的使用总结

    https://blog.csdn.net/qq_31851435/article/details/53100691 <div id="myDiv" data-attribu ...

  9. 剑指offer(19)顺时针打印矩阵

    题目描述 输入一个矩阵,按照从外向里以顺时针的顺序依次打印出每一个数字,例如,如果输入如下矩阵: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 则依次打印出数字1,2, ...

  10. ERROR 1451 (23000): Cannot delete or update a parent row: a foreign key constraint fails ()

    centos7.5 删除表空间文件失败 问题: mysql> alter table country discard tablespace; ERROR 1451 (23000): Cannot ...