常用标签

来源:互联网 发布:淘宝卖家中心登录 编辑:程序博客网 时间:2024/05/17 01:41

1.HTML <link> 标签的 media 属性(media 属性规定被链接文档将显示在什么设备上

     所有浏览器都支持值为 "screen"、"print" 以及 "all" 的 media 属性。
2.
连接背景图片:
a.radio {background-image: url(/i/eg_bg_07.gif);}
背景定位:

下面的例子在 body 元素中将一个背景图像居中放置:

body  {     background-image:url('/i/eg_bg_03.gif');    background-repeat:no-repeat;    background-position:center;  }
3.

display 属性

display 属性规定元素应该生成的框的类型

使段落生出行内框:

p.inline  {  display:inline;  }
4.

<input autocomplete="off" />属性

<INPUT name="NAME" type="text" autocomplete="off" class="advsearchinp" id="NAME" onkeyup="changeName()" />

这里autocomplete属性是: input历史记录的功能,on是打开,off是关闭. 默认为on.

代表的意思为:是否让浏览器自动记录之前输入的值.

但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个号码进行多次查询,就没有必要让浏览器记录。  

MSIE自定义了input 的扩展属性 autocomplete,置为off即可  

<input type="text"  autocomplete="off"   id="number"/>  

用这个方法可以屏蔽MSIE,Firefox则需要使用另一个扩展属性disableautocomplete  

<input type="text"  disableautocomplete  id="number"/>  

两扩展属性可以同时使用,浏览器会根据自身特性自动解析。


5.单选符号:
<input type="radio"  name="1" value="1" checked />选项1
<input type="radio"  name="1" value="2" />选项2

单选按钮中不管有几个选项name必须相同才能实现单选的目的

6.多行文本域:<br/>
<textarea rows='5' cols="20" name="content">
</textarea>

rols表示的是行高

cols表示的是宽度

<form action="" method="">
文本输入域:<br/>
username:<input type="text" value="" name =""><br/>
password:<input type="text" value="" name =""><br/>
单选符号:
<input type="radio"  name="1" value="1" checked />选项1
<input type="radio"  name="1" value="2" />选项2<br/>
复选符号:
<input type="checkbox" name = "1"  value= '1'>选项1
<input type="checkbox" name = "1"  value= '2'>选项2
<input type="checkbox" name = "1"  value= '3'>选项3<br/>
隐藏域:<br/>
<input type="hidden" name = "" value= "">
多行文本域:<br/>
<textarea rows='5' cols="20" name="content" value="123">
</textarea><br/>
下拉列表域:
<select name="name"size="1">
<option>-请选择-</option>
<option value="1">高中</option>
<option value="2">大专</option>
<option value="3">本科</option>
<option value="4">研究生</option>
</select>
</form>

原创粉丝点击