hotdogcug的专栏

原创 display:block与display:inline-block在input中的使用区别收藏

新一篇: tomcat启动报错:java.io.EOFException

 inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行
display:inline-block; 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
display:block; 块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行

举例说明:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script language="JavaScript">
  function clickbutton(){
 if (document.all.showBill.value=="查询")
 {
  document.all.address.style.display="inline-block";
  document.all.showBill.value="隐藏";
 }else{
  document.all.showBill.value="查询";
  document.all.address.style.display="none";
 }
}
  </script>
 </HEAD>
 <BODY>
   <form>
      <table>
        <tr>
           <td nowrap>
               <input name="name" type="text" >
               <input name="address" type="text" style=display:"none">
           </td>
        </tr>
        <tr>
            <input name="showBill" class=btn1 type="button" value="查询" onClick="clickbutton();">
        </tr>

      </table>
    </form>
 </BODY>
 </HTML>

发表于 @ 2007年08月31日 19:16:00|评论(loading...)|编辑

旧一篇: 编译后出现$1.class与$2.class的情况总结

评论:没有评论。

发表评论  


当前用户设置只有注册用户才能发表评论。如果你没有登录,请点击登录
Csdn Blog version 3.1a
Copyright © hotdogcug