现在的位置: 首页 > 综合 > 正文

下拉组合框的功能代码实现

2013年07月24日 ⁄ 综合 ⁄ 共 980字 ⁄ 字号 评论关闭

该技术可以使只能选择的下拉列表,既能选择又能填写

<html>
    <head>
       <title>388.html</title>
    </head>
<body>
        <select   name="myselect"   style="width:220; position:absolute; clip:rect(0 100% 100% 201)" onChange="document.getElementById('txtPlace').value=this.value">  
               <option value="1">1</option>  
               <option value="2">2</option>  
               <option value="3">3</option>  
               <option value="4">4</option>  
               <option value="5">5</option>  
        </select>  
       <input id="txtPlace" name="textplace" type="text" style="width:201;">  
       <!--
Clip是剪辑的意思,这个属性决定了对象的哪个部位可以被看到。它不会改变任何对象的性质。
Clip的区域是一个矩形, 而这个矩形的尺寸取决于于四个边的位置。
这四个边用 top, right, botton, left 来表示。
这四个边的位置是相对于对象的而不是相对于窗口的。
Clip属性的书写格式是这样的:
  Clip:rect(top,right,bottom,left)
  在这里,top,right,bottom,left的值都是以像素pixels为单位的。
例如:style="clip:rect(0,200,100,0)"
这段代码使图片将以200×100的形式显示。这是因为rect中规定的200,代表了图片的右端距离是200pixels,也就是图片的宽度是200pixels;同理,100定义的则是图片的高度。这样图片就好象被剪辑了一样。这个属性要和position:absolute;一起用才好用。
       -->
</body> 
</html>

抱歉!评论已关闭.