Asked May 28th, 8:35 AM 53 0 1
  • 53 0 1
+2

Hỏi về form email trong html

Share
  • 53 0 1

Chào mọi người. Mình có 1 đoạn code như dưới để khi người dùng nhập dữ liệu rồi submit thì sẽ mở email của họ ra với các trường như đã nhập bên dưới. Nhưng mình đang gặp 1 vấn đề là ví dụ trường subject mình nhập là: "Liên hệ với tôi" thì ở form email sau khi submit sẽ bị chuyển thành "Liên+hệ+với+tôi". Vậy cho mình hỏi làm thế nào để loại bỏ được dấu + vậy ạ? Mình cảm ơn.

<form action="mailto:[email protected]" method="GET">
          subject:
          <input name="subject" type="text" />
          body:<br />
          <textarea name="body"></textarea><br />
          send:<br />
          <input type="submit" value="Send" />
</form>

1 ANSWERS


Answered May 28th, 9:12 AM
Accepted
+1

Bạn thử xử lý với mã javascript xem sao nhé:

<script language="javascript">
    function sendMail () {
        const email = "[email protected]";
        const subject = document.getElementById("subject").value;
        const body = document.getElementById("body").value;
        window.location.href = `mailto:${email}?subject=${subject}&body=${body}`
    }
</script>

<form>
    subject:
    <input id="subject" name="subject" type="text" />
    body:<br />
    <textarea id="body" name="body"></textarea><br />
    send:<br />
    <input type="button" value="Send" onclick="sendMail()" />
</form>

Chúc bạn thành công!

Share
Avatar quang hải @sven_9x
May 28th, 9:29 AM

@phamtuananh760 mình chạy đc rồi. tks b. Với bạn cho mình hỏi thêm mình muốn cái body xử lý ở trong function js. Mình nối thêm các đoạn xuống dòng ví dụ:

Họ tên: ABC
Sđt: 08xxxx

Thì làm thế nào nhỉ bạn?

0
| Reply
Share
Avatar Phạm Tuấn Anh @phamtuananh760
May 28th, 9:36 AM

@sven_9x Bạn có thể dùng hàm encodeURIComponent() để format lại body như này

const body = encodeURIComponent(document.getElementById("body").value);
0
| Reply
Share
Avatar quang hải @sven_9x
May 28th, 10:52 AM

@phamtuananh760 mà bạn ơi. đoạn code của bạn thì có chạy đc trên window ko nhỉ? Mình đang code trên macbook?

0
| Reply
Share
Avatar Phạm Tuấn Anh @phamtuananh760
May 29th, 6:28 AM

@sven_9x được chứ bạn

0
| Reply
Share
Avatar quang hải @sven_9x
Jun 1st, 9:27 AM

@phamtuananh760 À mà chỉ có thể mở bằng app mail đúng ko bạn? có cách nào mở đc bằng web mail trên trình duyệt ko nhỉ bạn?

0
| Reply
Share
Viblo
Let's register a Viblo Account to get more interesting posts.