# form-insert

**Repository Path**: abinabin2dd/form-insert

## Basic Information

- **Project Name**: form-insert
- **Description**: 表单宝，浏览器填表插件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-09
- **Last Updated**: 2025-04-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人信息自动填充插件


这是一个浏览器填表插件，当用户在网页上点击输入框时，自动在输入框附近弹出悬浮列表，用户选择预设内容后自动填充至输入框。

![输入图片说明](image.png)
![输入图片说明](1.jpg)
![输入图片说明](2.jpg)
## 功能特点

- 当用户点击或聚焦到任意输入框（`<input>`或`<textarea>`）时，在输入框附近弹出悬浮面板
- 面板显示预设的个人信息，包括基本信息、教育经历、工作经历、项目经历、技能等
- 智能识别输入框类型，优先展示相关内容（如姓名、电话、邮箱、学校、专业等）
- 用户点击选项后自动填充到输入框，并触发相应的事件
- 支持键盘导航（↑/↓键选择选项，Enter键确认填充）
- 点击面板外部或按下Esc键或点击关闭按钮可关闭面板
- 通过脚本菜单可以使用用户友好的界面编辑和更新存储的数据
- 自动调整面板位置，避免超出屏幕边缘
- **支持拖拽悬浮面板**，方便用户自由放置位置

## 适用网站

脚本适用于所有网站，包括：
- 普通网站（http://, https://）
- 本地文件（file://）
- 任何其他URL协议

## 支持的个人信息类别

插件支持用户自定义预设信息

## 安装方法

推荐使用谷歌浏览器，在浏览器中插件安装导入chrome-extension即可

## 使用方法

### 基本使用

1. 安装脚本后，访问任意网页
2. 点击任意输入框，悬浮面板会自动出现
3. 点击面板中的项目，相应的内容会自动填充到输入框中
4. 点击输入框外部、面板右上角的"×"按钮或按下Esc键可关闭面板





### 键盘导航

- 面板打开时，使用↑/↓箭头键可以选择不同的选项
- 按下Enter键可以确认选择并填充
- 按下Esc键可以关闭面板

## 注意事项

- 脚本使用浏览器的本地存储功能保存数据，数据仅保存在您的浏览器中
- 脚本适用于大多数网站，但某些使用特殊安全措施的网站可能无法正常工作
- 如果脚本无法在某些网站上工作，可能是因为该网站使用了动态生成的输入框或其他特殊技术

## 问题反馈

如有任何问题或建议，请提交Issue。