个性化阅读
专注于IT技术分析

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="This input is readable only.." readonly>
</form>
</html>

立即测试

输出

PureCSS输入3
赞(0)
未经允许不得转载:srcmini » Pure.CSS只读输入元素

评论 抢沙发

评论前必须登录!