在WEB测试中，经常会碰到很多表单输入框，大体有两种，一种是数值型文本框，一种是字符型的普通文本输入框。

针对普通的文本输入框，通常要检查以下几点：

前言

大部分人在使用selenium定位元素时，用的是xpath定位，因为xpath基本能解决定位的需求。css定位往往被忽略掉了，其实css定位也有它的价值，css定位更快，语法更简洁。

打印机打印的三种方式、适用各种web框架(vue.js/web打印/报表打印)_哔哩哔哩_bilibili

Vue实现打印的方式

第一种打印的方式html 打印

1、谷歌浏览器自带的功能，Ctrl + P，会弹出打印预览界面

文本框是表单中与用户打交道最多的元素之一,它包括单行文本框<input type="text">和多行文本框<textarea>,

更广义的还可以包括密码输入框<input type="password">。

控制用户输入字符个数

对于单行文本框<input type="text">和密码输入框<input type="password">而言,可以利用自身的maxlength属性控制用户输入字符的个数;

在移动设备上，当键盘弹出时，表单输入框可能被键盘遮挡而导致用户无法看清输入的内容。为了解决这个问题，可以尝试以下几种方法：

使用JavaScript监听页面当前活动元素，在输入框被选中时滚动把它移到键盘的上面：

//获取当前窗口高度
let winHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
//监听页面元素selected 事件
document.addEventListener('selectionchange', () => {
  const activeElement = document.activeElement;
  if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') {
    //获取输入框距离窗口顶部的位置
    let top = activeElement.getBoundingClientRect().top;
    //计算出需要滚动的距离
    let distance = winHeight - top - activeElement.offsetHeight;
    if(distance < 0) {
      window.scrollTo(0, document.body.scrollTop - distance);
    }
  }
});

本文简介

点赞 + 关注 + 收藏 = 学会了

在 HTML 中，input 输入框有2种方法自动聚焦，最简单的是在 input 标签上添加 autofocus 属性。

再次点的方法是使用 JS 获取输入框元素，再调用 focus 事件选中输入框。

在 Fabric.js 中，IText 组件也提供了类似的方法。

HtmlFile

HtmlFile对象是指通过Excel VBA代码自动化Internet Explorer浏览器并打开Web页面后，将Web页面的HTML源代码下载到Excel VBA中生成的对象。该对象可以方便地进行搜索、解析和操作Web页面数据，以实现在Excel中对Web数据进行编辑、分析和处理的目标。

前端训练营：1v1私教，终身辅导计划，帮你拿到满意的

以下是一个示例代码，用于获取表单中所有输入框的值，并确保输入框的总字数不少于300字。

HTML代码：

```html

<form id="myForm">

<input type="text" name="input1" placeholder="Input 1">

<input type="text" name="input2" placeholder="Input 2">

JS 鼠标框选（页面选择）时返回对应的 HTML 或文案内容

一、需求背景

1、项目需求

当用户进行鼠标框选选择了页面上的内容时，把选择的内容进行上报。