基于dirname表单属性自动感知双向文本并调整后端存储格式

落宇姑娘_9233

落宇姑娘_9233

2026-07-11

871人浏览

原创

dirname提交的字段名由name值加“.dir”构成(如name="query"→"query.dir"),值由首个强方向unicode字符(阿拉伯/希伯来字母→"rtl",其余→"ltr")自动推断生成,不依赖输入法或dir属性。

基于dirname表单属性自动感知双向文本并调整后端存储格式

dirname 属性不能自动调整后端存储格式,它只负责在提交时多塞一个 xxx.dir 字段,且该字段值不可控、不实时、不兼容 Safari/iOS 和 Firefox。

dirname 提交的字段名和值怎么生成?

必须同时满足三个条件,dirname 才会生效:

  • name 属性存在且非空(例如 name="query")
  • dirname 的值严格等于 "query.dir"(即 name 值 + ".dir")
  • 用户输入的第一个强方向 Unicode 字符是阿拉伯字母(\u0600–\u06FF)或希伯来字母(\u0590–\u05FF),否则一律推断为 ltr

开头是中文、日文、空格、换行、逗号、句号等“弱方向”或中性字符,dirname 仍返回 ltr —— 它不是按输入法、dir 属性或光标位置判断的。

服务端如何安全读取 dirname 字段?

后端不能直接信任 req.body.query.dir 这种点号写法(JS 对象非法),也绝不能假设该字段一定存在:

jQuery金融借款单提交表单
jQuery金融借款单提交表单

jQuery金融借款单提交表单,包含出借金额和日期的选择,且自动计算利息,非常的简单方便。

下载
  • Node.js/Express:需启用 urlencoded({ extended: true }),再用 req.body["query.dir"] 获取
  • Python/Flask:request.form.get("query.dir"),并始终 fallback 到首字符 Unicode 范围检测
  • PHP:$_POST["query.dir"] ?? null,同样要检查 mb_ord($input[0]) 是否落在 RTL 区间

Firefox 完全不发送该字段;iOS Safari(含 17.5)至今未支持;旧版 iOS Safari(15.4 前)有 bug,软键盘弹出后恒返回 ltr。这意味着你必须把 dirname 当作辅助信号,而非唯一依据。

dirname 和 dir 属性根本不是一回事

常见错误是以为加了 dirname="msg.dir" 就能让阿拉伯文右对齐、光标从右开始——完全不会。它对渲染、光标、换行、Tab 流向零影响:

  • dir="auto" 或 dir="rtl" 控制显示与交互行为
  • dirname 只在表单 submit 瞬间往 POST 数据里多加一个字段
  • 两者可共存(如 <input name="msg" dir="auto" dirname="msg.dir">),但逻辑完全解耦

真正需要适配 RTL 内容,得靠 dir 控制前端渲染,靠服务端结合首字符、Accept-Language、甚至用户偏好设置做综合判断——dirname 提供的只是一个脆弱、延迟、不可靠的额外线索。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

表单提交

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2243

5

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

5930

13

后端的主要工作内容介绍
后端的主要工作内容介绍

后端是应用程序的服务端部分,负责核心任务,如数据库交互、业务逻辑处理和响应客户端请求。想了解更多后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

5266

10

html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

2023.06.14

5455

7

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

2023.06.21

3132

4

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.31

2790

5

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.01

2819

5

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

2023.08.11

4699

6

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

2023.08.11

2781

3

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PHP与Ajax极速入门
PHP与Ajax极速入门

共8课时 | 11.7万人学习