【Pure.CSS只读输入元素】“
只读”
属性用于使表单输入为只读。禁用和只读之间的区别在于, 只读输入仍可聚焦, 但你无法编写任何内容。这使人们可以与输入进行交互并选择其文本, 而禁用的控件则不是交互式的。
例：
<
!DOCTYPE html>
<
html>
<
link rel="stylesheet"
href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"
integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w"
crossorigin="anonymous">
<
form class="pure-form">
<
input type="text" value="http://www.srcmini.com/This input is readable only.." readonly>
<
/form>
<
/html>
立即测试
输出
文章图片
推荐阅读
- Pure.CSS必需的输入
- Pure.CSS菜单组件用法
- Pure.CSS多列表单示例
- Pure.CSS输入尺寸表单
- Pure.CSS输入元素
- Pure.CSS网格布局使用示例
- Pure.CSS图标用法
- Pure.CSS分组输入表单示例
- Pure.CSS表单实现示例