网站首页 > 知识剖析 正文
我们熟悉的标准HTML输入控件包括input,select,textarea等;比如通过改变input的value属性值,就可输入内容到文本输入框中。
有些网页表单为了实现特殊的效果和功能,可以不使用这些控件,通过客户端脚本生成特殊的输入方式。手工填表不受影响,如果自动填表就需要使用特殊的方式。
非标准下拉列表框填写示例.png
方法一:手工填表后,观察源码变化,发现填写的内容出现在<span>a5</span>元素中。那么我们填表的思路就是直接修改这个元素的值。获取span元素,“填写”它的text文本内容为a3,可以看到网页也对应的发生变化。但提交表单时,如果是非input元素,可能无法提交填写的值,需进一步测试。
方案二:使用自动点击操作,完全跟人工填表步骤一样,先点击下拉箭头,等待0.1秒,然后在选项中点击对就的选项元素。几乎所有下拉列表控件都可以用这种方法填写。
猜你喜欢
- 2024-11-21 第6天 | 16天搞定前端,html表单,标签界的杠把子?
- 2024-11-21 Python用20行代码就能实现漂亮的网页界面?你确定不来看看
- 2024-11-21 浏览器底层工作那些事儿
- 2024-11-21 知乎刷下拉框,知乎下拉框出现品牌词的方法
- 2024-11-21 一招解决Tinymce在el-dialog中下拉框使用异常
- 2024-11-21 Ajax+ashx 实现下拉框级联
- 2024-11-21 纯CSS实现导航菜单下拉效果带transition动画效果
- 2024-11-21 13个有用的HTML5、CSS3和jQuery搜索表单教程
- 2024-11-21 零基础教你学前端——31、下拉菜单
- 2024-11-21 下拉框获取到的数据如何在input文本框中显示
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)