`

可编辑下拉列表

 
阅读更多

转载http://zxh277100963.iteye.com

使用CSS样式设置，兼容IE、Chrome、Firefox。。。

 

<html>   
<head>   
    <title> 可编辑下拉框 </title>   
    <META NAME="Generator" CONTENT="EditPlus">   
    <META NAME="Author" CONTENT="">   
    <META NAME="Keywords" CONTENT="">   
    <META NAME="Description" CONTENT="">   
</head>   
<body>   
<table border="0" style="border-collapse:collapse ">   
    <tr>  
        <td>  
                <div style="position:relative;">  
                            <span id="spanfindvalue1" style="margin-left:200px;width:18px;overflow:hidden;">  
                            <select id="selectfindvalue1" class="text" style="width:218px;margin-left:-200px"  onchange="this.parentNode.nextSibling.value=this.options[this.selectedIndex].text">  
                                <option value="可编辑下拉框" selected>可编辑下拉框</option>  
                                <option value="456">iphone 5S</option>  
                                <option value="123">123</option>  
                                <option value="456">456</option>  
                            </select>  
                            </span><input name="findValue" id="findValue1"  class="text" style="width:200px;position:absolute;left:0px;" onclick="">  
                </div>  
            </td>  
        </tr>                                           
</table>   
</BODY>   
  
</HTML>

 

分享到：
| HTML5新增的选择器
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics