常用标签

最新推荐文章于 2024-01-25 22:53:26 发布

平凡的Mac

最新推荐文章于 2024-01-25 22:53:26 发布

阅读量589

点赞数

分类专栏： html4+(html5新特性)

本文链接：https://blog.csdn.net/anlukun/article/details/8744308

版权

html4+(html5新特性) 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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

所有浏览器都支持值为 "screen"、"print" 以及 "all" 的 media 属性。

连接背景图片:

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" οnkeyup="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>