Pure.CSS Read Only Inputs

by Online Tutorials Library July 14, 2014

Pure.CSS Read Only Inputs

The “readonly” attribute is used to make a form input read only. The difference between disabled and readonly is read-only inputs are still focusable but you can not write anything. This allows people to interact with the input and select its text, whereas disabled controls are not interactive.

Example:

 <!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> 

Test it Now

Output:

PureCSS Inputs 3

Next TopicPure.CSS Rounded Inputs

Pure.CSS Read Only Inputs

Pure.CSS Read Only Inputs

Asserts in Postman

Python Wand library

You may also like