lei2621 2013-09-30 06:57 采纳率: 0%
浏览 1129

textarea中内容段首空格在action中获取不到

textarea提交后台时,位于文字中的空格和回车换行均能正确获取和转化,但是段首敲入的空格自动被清除了,在action中都没有,请教……

  • 写回答

1条回答

  • ChatGPTᴼᴾᴱᴺᴬᴵ 2023-02-25 16:58
    关注

    该回答引用ChatGPT

    在 HTML 的标准规范中,浏览器会自动移除 < textarea > 标签内部的首尾空白符(包括空格、制表符、回车符等),这是为了保证文本内容的正确性,避免出现不必要的空格和换行符。


    如果你需要在后台获取到 < textarea > 中的段首空格,可以通过以下方法来解决:

    • 在 < textarea > 标签中使用特殊的符号代替空格,例如使用 来代替空格。

      <textarea name="content">&nbsp;This is some text with leading space.</textarea>
      
    • 使用 JavaScript 在提交表单前动态添加一个隐藏的表单项,将原始文本内容一并提交给后台。

      <form id="myform" action="your-action-url" method="post">
      <textarea name="content"> This is some text with leading space.</textarea>
      <input type="hidden" name="original_content" value="">
      <button type="submit" onclick="prepareFormSubmission()">Submit</button>
      </form>
      <script>
      function prepareFormSubmission() {
      const contentTextarea = document.querySelector('textarea[name="content"]');
      const originalContentInput = document.querySelector('input[name="original_content"]');
      originalContentInput.value = contentTextarea.value;
      }
      </script>
      

      在提交表单时,使用 JavaScript 动态将原始文本内容赋值给一个隐藏的表单项,然后将其一并提交到后台。后台就可以获取到包含段首空格的原始文本内容了。

    评论

报告相同问题?

问题事件

  • 请提交代码 1月9日

悬赏问题

  • ¥15 求解 yolo算法问题
  • ¥15 虚拟机打包apk出现错误
  • ¥30 最小化遗憾贪心算法上界
  • ¥15 用visual studi code完成html页面
  • ¥15 聚类分析或者python进行数据分析
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js,页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝