layui如何设置表单中value的默认数据

  • layui如何设置表单中value的默认数据1
  • layui如何设置表单中value的默认数据2
  • layui如何设置表单中value的默认数据3
  • layui如何设置表单中value的默认数据4
  • layui如何设置表单中value的默认数据5
  • layui如何设置表单中value的默认数据6
  • layui如何设置表单中value的默认数据7
分步阅读

在使用layui框架时，假设给表单元素中的value设置一个默认数据，该如何赋值的呢？

layui如何设置表单中value的默认数据

工具/原料

  • layui
  • jquery
  • HTML5
  • CSS3
  • JavaScript
  • HBuilderX
  • 浏览器
  • 截图工具
  • WPS

方法/步骤

  1. 1

    在打开HBuilderX工具中，创建Web项目并将layui拷贝到js文件夹中

    layui如何设置表单中value的默认数据
  2. 2

    在pages文件夹中，新建静态页面inputdata.html，然后点击创建按钮

    layui如何设置表单中value的默认数据
  3. 3

    打开已新建的页面文件，将layui相关文件和jquery文件引入到页面中，修改title标签内容

    layui如何设置表单中value的默认数据
  4. 4

    在<body></body>标签中，插入一个form标签，并在表单中添加几个输入框和一个复选框

    layui如何设置表单中value的默认数据
  5. 5

    在jquery初始化函数中，调用layui.use()方法，使用form.val()给表单元素设置默认值

    layui如何设置表单中value的默认数据
  6. 6

    保存代码并运行项目，打开浏览器预览，可以看到输入框有显示默认值

    layui如何设置表单中value的默认数据
    END
  7. 6
    本页面未经许可获取自百度经验

总结

  • 1、创建项目

    2、拷贝文件

    3、新建页面

    4、引入文件

    5、插入表单

    6、表单赋值

    7、保存预览

    8、默认数据

    layui如何设置表单中value的默认数据
    END

注意事项

  • 注意layui如何设置表单中value的默认数据
  • 注意如何设置layui中的表单元素的值，传到后台
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签JQUERYJAVASCRIPT