Pure.CSS输入尺寸表单 _表单

你可以采用具有流体宽度大小的形式指定输入元素。它类似于Pure网格。你必须为这些元素指定pure-input- *类。
例子

< !DOCTYPE html> < html> < link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous"> < link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css"> < form class="pure-form"> < input class="pure-input-1" type="text" placeholder="This box is full."> < br> < input class="pure-input-2-3" type="text" placeholder="This box is 2/3."> < br> < input class="pure-input-1-2" type="text" placeholder="This box is half."> < br> < input class="pure-input-1-3" type="text" placeholder="This box is 1/3."> < br> < input class="pure-input-1-4" type="text" placeholder="This box is 1/4."> < br> < /form> < /html>

立即测试
【Pure.CSS输入尺寸表单】输出