Vertical-align + 表单

时间:2021-05-23 02:32:58

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=""/>