首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一日一技:Python快速生成web动态展示项目

    优点 你不需要懂html, css, js等,纯python语言编写web app 包括web常用组件:文本框, 按钮,单选框,复选框, 下拉框,多媒体(图片,视频)和文件上传等 应用场景 可以动态的探索数据...= st.sidebar.selectbox( "这个是下拉框,请选择?"...st.write("st.write 可以写很多东西哦") st.warning('This is a warning') 3.3 表单控件 streamlit提供丰富的表单控件,如按钮,单选框,复选框,下拉框,文本框和文件上传...用法提炼如下: 函数调用为定义显示控件,返回值是表示是否触发,或者触发返回结果;比如按钮,st.button('Say hello')定义了一个按钮, 如果按下按钮返回True,否则为False st.markdown...摘要如下: 数据记得要用缓存@st.cache() streamlit可以支持matplotlib streamlit有漂亮的表单控件,函数的返回值就是触发的值 streamlit支持markdown

    1.7K40

    用 Streamlit 做几个网页快捷小工具

    例如以下的一些例子 安装: pip install streamlit Streamlit 脚本是一个从上到下执行的命令流,页面中控件值的改变会使得脚本重新执行 运行 streamlit 脚本: streamlit...run main.py JSON 格式化 主要用到了以下控件 st.markdown:展示 Markdown 格式的文本,可以用展示标题等 st.text_area:输入文本框 一个文本框用于输入原始...JSON 数据,一个文本框展示格式化后的 JSON import streamlit as st import json def _format(s: str) -> str: try:...Data Storage") _in_data = st.text_input(label="input_data", value=1) input_data_unit = st.selectbox...st.text_input(label="output_data", value=_out_data, disabled=True) 时间戳转换 由于 Streamlit 的脚本每次都会从上至下运行,因此普通的变量无法存值,

    98510

    jquery 下拉框搜索模糊查询

    HTML结构首先,我们需要在HTML中定义一个select下拉框,并添加一个输入框用于搜索:htmlCopy codeselectBox"> jQuery实现搜索功能接下来,使用jQuery编写代码实现下拉框的搜索功能。我们可以监听输入框的输入事件,然后根据输入的内容来筛选下拉框中的选项,从而实现模糊查询。...', function(){ var searchText = $(this).val().toLowerCase(); // 获取输入框中的搜索内容并转换为小写 $('#selectBox...this).hide(); // 隐藏不匹配的选项 } }); });});以上代码中,我们监听了输入框的input事件,当用户输入内容时,遍历下拉框中的选项,根据输入的内容来显示或隐藏符合条件的选项...当你在输入框中输入关键词时,下拉框的选项会实时根据输入内容进行筛选。 希望这个示例对你有帮助,如果有任何问题或需要进一步的解释,请随时询问!

    2.7K10

    jQuery 文本属性值

    1. jQuery 文本属性值 ​ jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value...1.1 jQuery内容文本值 ​ 常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性,主要针对元素的内容还有表单的值操作...3.修改表单的值是val() 方法 4.注意2: 这个变量初始值应该是这个文本框的值,在这个值的基础上++。...计算小计模块 根据文本框的值 乘以 当前商品的价格 就是 商品的小计 // 当前商品的价格 p var p = $(this).parents(".p-num")....案例:购物车案例模块-修改商品小计 1.核心思路:每次点击+号或者-号,根据文本框的值 乘以 当前商品的价格  就是 商品的小计 2.注意1: 只能增加本商品的小计, 就是当前商品的小计模块(p-sum

    3.8K30

    jQuery(操作DOM-内容及值的操作)

    目录 val 方法 text 方法 html 方法 内容及值的操作 注意:对比js,js中使用的获取属性和为属性设置的方式,jquery中使用的是方法; val 方法 val() 用于获取单行文本框的值...var $obj = $("#username"); //使用jQuery选择id元素 var obj = document.getElementById("username"); //使用JavaScript...选择id元素 $obj.val();//jQuery获取文本框值的方法 obj.value; //JavaScript获取文本框值的方法 val('') 用于设置单行文本框的值 var $obj =...设置单行文本框的值 obj.value='helloWorld'; //JavaScript设置单行文本框的值 text 方法 text() 用于获取多行文本值(textarea,其他标签中的去除html...获取id元素 $obj.text(); //jQuery获取多行文本值 obj.innerText; //JavaScript获取多行文本值 text("内容") 用于设置多行文本的值(textarea

    60410

    七天学会ASP.NET MVC (四)——用户授权认证问题

    实验15中将学习如何在验证失败时,填充值。 1. 创建 CreateEmployeeViewModel 类。...填充View的值 3.1 将View设置为强类型的View 在 CreateEmployee View文件开始添加以下代码: 1: @using WebApplication1.ViewModel...设置名字为空 输入工资值 56 点击“Save Employee”按钮。 会出现验证失败,但是数字 56 仍然显示在 Salary 文本框中。 ? 测试2 ?...如图所示,姓名仍然保留在文本框中,却未保留工资,接下来我们来讨论上述问题的解决办法。 关于实验15 是否是真的将值保留? 不是,是从post数据中重新获取的。...当凭证错误时,UserName 文本框的值是如何被重置的? HTML 帮助类会从Post 数据中获取相关值并重置文本框的值。这是使用HTML 帮助类的一大优势。 Authorize属性有什么用?

    9.9K50

    新闻发布系统-项目总结

    前台页面主要是使用div+Css对网页布局,后台采用三层架构并涉及到js、jquery和ajax技术,他们都是将来编写web程序的重要技术。...3、浏览器不兼容 div+css相比table布局,更容易出现多种浏览器不兼容的问题,主要原因是不同的浏览器对web标准默认值不同。 CSS盒子模型: ?...盒子模型主要有五大属性:css高度(css height)、css宽度(css width)、css边框(css border)、css 边距(css margin)、填充(css padding),即可实现像盒子一样的长方形...后台代码编写 后台采用了三层架构并涉及到js、jquery和ajax技术,他们都是将来编写web程序的重要技术。...var input_keydown = $(this); switch (jianzhi) { case 13: //按下回车键,把修改后的值提交到数据库

    2.9K00

    「jQuery」基础 - 02

    注意1: 只能增加本商品的数量, 就是当前+号的兄弟文本框(itxt)的值。 修改表单的值是val() 方法 注意2: 这个变量初始值应该是这个文本框的值,在这个值的基础上++。...要获取表单的值 减号(decrement)思路同理,但是如果文本框的值是1,就不能再减了。...案例:购物车案例模块-修改商品小计 核心思路:每次点击+号或者-号,根据文本框的值 乘以 当前商品的价格 就是 商品的小计 注意1: 只能增加本商品的小计, 就是当前商品的小计模块(p-sum)...案例:购物车案例模块-计算总计和总额 把所有文本框中的值相加就是总额数量,总计同理。 文本框里面的值不同,如果想要相加需要用 each() 遍历,声明一个变量做计数器,累加即可。 代码实现见下文。...值 getSumMoney(); //重新计算总价 if ($(this).prop("checked")) { // 根据全选框的情况来改变单个商品行的背景

    3.9K20
    领券