页⾯中可选可输⼊⽂本框的实现
[size=large][color=blue]页⾯设计时，在实际应⽤中我们常常要⽤到输⼊框、下拉选择框等控件；但有时候为了满⾜特别的要求我们会⽤到可选可输⼊的“下拉选择输⼊框”，设计源码如下：
<html>
  <head>
  </style>
  </head>
<body>
<h1>测试可选可输⼊⽂本框<br><br><br></h1>
<tr>
<td>请输⼊或直接选择</td>
<td align="center">
<div >
<span >
<select οnchange="Sibling.value=this.value">
<option value="15110103">15110103</option>
<option value="15110102">15110102</option>
</select>
</span>
<input name="accC1" value="15110103" >
</div>
</td>
</tr>
<!-- 可选可输⼊控件是有 input和select拼起来的组合控件，并不是真正意义上的单⼀可选可输⼊控件，只是在视觉效果和性能上完全满⾜要求-->
<!--依次解释控件中参数的意义：-->html怎样设置文本框输入输出
<!-- 1、div中的style参数中position属性，由它来决定组合控件的位置-->
<!-- 2、span中的style参数中 margin-left:132px为显⽰选择框左边显⽰数据部分预留的宽度，width:18px为倒三⾓号显⽰预留的宽度--> <!-- 3、select中的style参数中 width:150px为下拉选择框的宽度，位置：position:absolute-->
<!-- 4、input中的style参数中 width:132px为⽂本输⼊框的宽度，位置：position:absolute-->
  <!-- 5、⽂本输⼊框的宽度等于下拉选择框的倒三⾓号左边部分，位置与选择框正好重合，盖住了选择框的左边部分，从⽽实现了可选可输⼊⽂本框的效果-->
</body>
  </html>[/color][/size]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。