使按钮变成失效状态,input框变成只读模式以及其他一些页面控制

本文介绍了如何使用HTML和CSS使网页元素变为失效状态、只读模式,并控制文本溢出、字数显示、竖向滚动条及透明背景效果。同时展示了如何创建细边表格和背景透明的输入框。

 

  1. 以下代码可以使按钮变成失效状态
  2. <input id="select-layout" type="button" value="布置图管理" name="select-layout" disabled="disabled">

  3. 以下代码可以使input框变成只读且禁用模式
  4. <input name="demo" type="text" disabled value="value" readonly="true" />

  5. CSS控制字数多,隐藏多余字
  6. text-overflow:ellipsis;word-break:keep-all;overflow:hidden; white-space:nowrap;

  7. 显示竖的滚动条
  8. overflow-y:auto;height:220px;

  9. //表格不被撑开,换行
  10. style="word-break:break-all"

  11. 控制input或者textarea背景透明的样式
  12. background-color: transparent;

  13. 实现细边的表格
  14. <table width=500 border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#add3ef">
  15.   <tr bgcolor="#eff3ff">
  16.   <td>标题:用户:</td>
  17.   </tr>
  18.   <tr bgColor="#ffffff">
  19.   <td>内容:</td>
  20.   </tr>
  21. </table>
  22. 或者简单通过这个属性控制
  23. style="border-collapse:collapse"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值