根据移动视口设置表单元素

Question

基于视口添加表单元素的最佳方法是什么？

说我有以下表格：

<form action="" method="post">
    <input type="hidden" name="mobile" value="1" />
    <input type="text" name="search" />
    <input type="submit" value="Submit" />
</form>

如果视口小于设定的视口宽度，有没有办法设置mobile输入1的值？

我是否必须在javascript中执行此操作，或者有没有办法通过CSS执行此操作？