多行上的setCustomValidity消息样式

Question

我是HTML新手。我可以在here中提到的html输入字段显示自定义消息 但是，我想在多行显示消息，例如

Message title:
    1. option 1 text
    2. option 2 text

我尝试将 br 标记插入到邮件中，但它无效。

我的代码如下所示：

<div class="col-6">
    <input class="form-control" type="url" name="test_url" id="test_url" required="required" pattern="my_custom_url_pattern_goes_here" oninvalid="this.setCustomValidity('URL must be in one of the following format:\nFirst url example\nAnother url example')" oninput="setCustomValidity('')">
</div>

我怎样才能做到这一点？