简单表单框

来源：互联网发布：有个网络歌手老头唱歌编辑：程序博客网时间：2024/05/29 14:42

<!DOCTYPE HTML>
<html>
<head>
   <meta charset="UTF-8"/>
   <style type="text/css">
       ul{
           width: 200px;
       }
       li{
           list-style: none;

           width: 230px;
           line-height:28px;
           margin-bottom: 18px;
           display: inline;
           float: left;
       }
       li div{
           padding: 0 10px;
           float: left;
           border:1px solid #6BB2D2;
           border-radius: 4px;
       }
       li em{
           margin-left: 10px;
           line-height: 40px;
           color: #FF0000
       }
       input{
           margin-left: 10px;
           border: 0;
       }
   </style>
</head>
<body>
   <ul>
       <li><div><span>O</span><input type="text" id="test" value="文字文字文字" onfocus="this.value=''" /></div><em>*</em></li>
        <li><div><span>O</span><input type="text" id="test" value="文字文字文字" onfocus="this.value=''" /></div><em>*</em></li>
        <li><div><span>O</span><input type="text" id="test" value="文字文字文字" onfocus="this.value=''" /></div><em>*</em></li>
   </ul>
</body>
</html>

1 0