特殊符号作为 HTML 输入字段中的“值”答案

【问题标题】：special signs as a 'value' in an HTML input field特殊符号作为 HTML 输入字段中的“值”
【发布时间】：2009-08-05 18:21:06
【问题描述】：

我实际上有这个输入字段：

<input type="text" name="author" id="author" value="name* <?php echo $comment_author; ?>" size="22" tabindex="1" />

我在“值”中使用星号来表示它是必填字段，因为设计师需要它。但是很遗憾，星号没有显示。

你知道怎么解决吗？

非常感谢。

【问题讨论】：

查看源代码时看到了什么？你确定它不只是缓存吗？

标签： html input

【解决方案1】：

这应该可以正常工作。在 HTML 的属性值中使用星号 (*) 没有任何问题。你能告诉我们生成的 HTML（在文件上运行 PHP 之后）吗？

【讨论】：

让我把它标记为正确答案。这是一个需要我刷新页面的“明确值”脚本：/抱歉之前没有检查它，我会在下面发布。

【解决方案2】：

尝试改用 HTML 编码的星号...

<input type="text" name="author" id="author" value="name&#42; <?php echo $comment_author; ?>" size="22" tabindex="1" />

【讨论】：

【解决方案3】：

这是一个令人讨厌的 UI 设计！把星号放在输入框旁边的Label里，不要放在里面！

<label for="author">Name*</label>
<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1" />

【讨论】：

或者作为输入标签上的一个类，用户可以通过 CSS 识别并以编程方式访问。

【解决方案4】：

对造成的恐慌表示抱歉（如果有的话）。

这是避免正确刷新的脚本。旧值（不带星号）在一段时间内很粘，现在似乎没问题。

swapValues = [];
$("input").each(function(i){
    swapValues[i] = $(this).val();
    $(this).focus(function(){
        if ($(this).val() == swapValues[i]) {
            $(this).val("");
        }
    }).blur(function(){
        if ($.trim($(this).val()) == "") {
            $(this).val(swapValues[i]);
        }
    });
});

感谢大家的意见

【讨论】：