标签归档：INPUT

input 属性详解

发表回复

input标签是单独出现的,<input />
属性.
Common — 一般属性
type — 代表一个输入域的显示方式(分为输入型,选择型,点击型)
maxlength — 输入域最多可以输入文字的长度
src — 当使用图片来表示按钮时,代表图片的位置(URI)
alt — 代表表单的提示文字,当鼠标停留时
size — 输入域的长度
value — 输入域的值
accesskey — 表单的快捷键访问方式
checked — 如果是选择型的输入域,代表已经被选择
disabled — 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly — 输入域可以选择,但是无法修改
tabindex — 输入域的"tab"键遍历顺序

定义input textarea 宽度 高度

发表回复

textarea宽度固定，自动增高,input高度固定，自动增宽

input高度固定，自动增宽

<input  type="text"  style="width:60;overflow-x:visible;overflow-y:visible;">

textarea宽度固定，自动增高

<textarea  type="text"  style="width:260;overflow-x:visible;overflow-y:visible;"></textarea>

INPUT和图标提交按钮、文字按钮对齐

发表回复

1.INPUT和图片按钮对齐：

<form method="post" action="ccc.asp">
  <input type="text" name="title" onfocus="this.value=''" value="请输入单词">
  <input type=image src="http://ccc.cn/img/dict.gif" align="absmiddle">
</form>

    也可以在按钮的样式里面加入：vertical-align:middle;

2.INPUT和文字对齐
  定义INPUT的样式，input {vertical-align:middle;}，这样文字就会和INPUT框对齐。

3.以此类推，SELETE框等都如此
  可以在全局CSS中定义：input,select{vertical-align:middle;} 省的后面麻烦。