placeholder 相关问题

HTML5占位符属性指定描述输入字段的预期值的简短提示（例如，样本值或预期格式的简短描述）。当提示为空时，提示将显示在输入字段中，当字段获得焦点时，提示将消失。

如何在 Django Admin 自动完成输入中插入占位符？

当Django有其他机制时，我不想使用自己的JS或更改模板。我尝试了三种方法，首先如中所述如何将占位符文本添加到 django-admin-field 并在...

django django-admin jquery-select2 placeholder django-widget

回答 1 投票 0

如何更改占位符 iQuill js 文本编辑器的字体颜色

我正在使用 Quill js 文本编辑器，最近我发现它可以选择在其配置中设置占位符文本。 var quill = new Quill('#editor', { 主题：“雪”，占位符：“...

placeholder quill

回答 1 投票 0

占位符不透明度在 mui React 中被覆盖。占位符未显示在 mui 文本字段中

我正在使用 mui React 的填充变体 Texfield，我使用主题组件对其进行了修改，但占位符在未聚焦时被隐藏。对焦前聚焦我用了很多方法来改变

css reactjs typescript material-ui placeholder

回答 1 投票 0

逃离美元太棒了

我无法从要与正则表达式函数模式/匹配器一起使用的字符串中转义双美元。这是字符串的一部分：其中 oid_2 = $$test$$ || oid_2 = $$test2$$ 这就是

regex groovy placeholder

回答 2 投票 0

根据选择更改占位符文本不起作用

占位符不会根据所选值更改。想知道 onchange func 的位置是否发挥作用：在 select 之前，在 select 之后，但在 textarea 之前，在 textarea 之后？占位符不会根据所选值发生变化。想知道onchange func的位置是否起到了作用：在select之前，在select之后但在textarea之前，在textarea之后？ <div class="t-input-block"><div class="t-select__wrapper "> <select name="Name" id="input_1494858943227" onchange="changeplh()" class="t-select js-tilda-rule " data-tilda-req="1" aria-required="true" style="color:#000000;border:1px solid #000000;"><option value="Value1" style="color:#000000;" >Value1</option><option value="Value2" style="color:#000000;" >Value2</option></select></div> <div class="t-input-error" aria-live="polite" id="error_1494858943227"></div></div></div> <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"> function changeplh() { var sel = document.getElementById("input_1494858943227"); var textbx = document.getElementById("input_1692299339415"); var indexe = sel.selectedIndex; if (document.getElementById("input_1494858943227") == "Value1") { $("#input_1692299339415").attr("placeholder", "First Placeholder"); } if (document.getElementById("input_1494858943227") == "Value2") { $("#input_1692299339415").attr("placeholder", "Second Placeholder"); } } </script> <div class="t-input-group t-input-group_ta" data-input-lid="1692299339415"> <div class="t-input-block"><textarea name="Textarea" id="input_1692299339415" class="t-input js-tilda-rule " placeholder="First Placeholder" aria-describedby="error_1692299339415" style="color:#000000; border:1px solid #000000; height:102px;" rows="3"></textarea> <div class="t-input-error" aria-live="polite" id="error_1692299339415"></div></div></div><div class="t-form__errorbox-middle"><div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;" data-nosnippet><div class="t-form__errorbox-text t-text t-text_md"><p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p></div></div> </div><div class="t-form__submit"><button type="submit" class="t-submit" style="color:#ffffff;background-color:#6040b8;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;font-family:TildaSans;font-weight:500;" >Заявить</button></div></div><div class="t-form__errorbox-bottom"><div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;" data-nosnippet><div class="t-form__errorbox-text t-text t-text_md"><p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p><p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p></div></div> </div></form><style>#rec628299319 input::-webkit-input-placeholder {color:#000000; opacity: 0.5;} #rec628299319 input::-moz-placeholder {color:#000000; opacity: 0.5;} #rec628299319 input:-moz-placeholder {color:#000000; opacity: 0.5;} #rec628299319 input:-ms-input-placeholder {color:#000000; opacity: 0.5;} #rec628299319 textarea::-webkit-input-placeholder {color:#000000; opacity: 0.5;} #rec628299319 textarea::-moz-placeholder {color:#000000; opacity: 0.5;} #rec628299319 textarea:-moz-placeholder {color:#000000; opacity: 0.5;} #rec628299319 textarea:-ms-input-placeholder {color:#000000; opacity: 0.5;}</style></div> </div> </div> </div></div> </div> 尝试将 onchange 函数放在代码的不同位置。最好使用事件监听器。然后 Textarea 元素有一个名为 placeholder 的属性。为什么不直接使用选项的值插入？ document.forms.form01.Name.addEventListener('change', e => { let form = e.target.form; form.Textarea.placeholder = e.target.value; }); #rec628299319 input::-webkit-input-placeholder { color: #000000; opacity: 0.5; } #rec628299319 input::-moz-placeholder { color: #000000; opacity: 0.5; } #rec628299319 input:-moz-placeholder { color: #000000; opacity: 0.5; } #rec628299319 input:-ms-input-placeholder { color: #000000; opacity: 0.5; } #rec628299319 textarea::-webkit-input-placeholder { color: #000000; opacity: 0.5; } #rec628299319 textarea::-moz-placeholder { color: #000000; opacity: 0.5; } #rec628299319 textarea:-moz-placeholder { color: #000000; opacity: 0.5; } #rec628299319 textarea:-ms-input-placeholder { color: #000000; opacity: 0.5; } <form name="form01"> <div class="t-input-block"> <div class="t-select__wrapper "> <select name="Name" id="input_1494858943227" class="t-select js-tilda-rule " data-tilda-req="1" aria-required="true" style="color:#000000;border:1px solid #000000;"> <option value="First Placeholder" style="color:#000000;">Value1</option> <option value="Second Placeholder" style="color:#000000;">Value2</option> </select> </div> <div class="t-input-error" aria-live="polite" id="error_1494858943227"></div> </div> <div class="t-input-group t-input-group_ta" data-input-lid="1692299339415"> <div class="t-input-block"><textarea name="Textarea" id="input_1692299339415" class="t-input js-tilda-rule " placeholder="First Placeholder" aria-describedby="error_1692299339415" style="color:#000000; border:1px solid #000000; height:102px;" rows="3"></textarea> <div class="t-input-error" aria-live="polite" id="error_1692299339415"></div> </div> </div> <div class="t-form__errorbox-middle">  <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;" data-nosnippet> <div class="t-form__errorbox-text t-text t-text_md"> <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p> </div> </div>  </div> <div class="t-form__submit"><button type="submit" class="t-submit" style="color:#ffffff;background-color:#6040b8;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;font-family:TildaSans;font-weight:500;">Заявить</button></div> </div> <div class="t-form__errorbox-bottom">  <div class="js-errorbox-all t-form__errorbox-wrapper" style="display:none;" data-nosnippet> <div class="t-form__errorbox-text t-text t-text_md"> <p class="t-form__errorbox-item js-rule-error js-rule-error-all"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-req"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-email"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-name"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-phone"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></p> <p class="t-form__errorbox-item js-rule-error js-rule-error-string"></p> </div> </div>  </div> </form>

javascript html placeholder

回答 1 投票 0

想要在占位符中添加图标

我必须在反应标签的占位符中添加一个位置图标。地点我必须在反应标签的占位符中添加一个位置图标。 <label> Places <input className="p-2" type="text" placeholder="Places of the Package" ></input> </label> chatgpt 说以下代码 <label> Places <div class="input-group"> <input type="text" class="form-control" placeholder="Places of the Package" /> <span class="input-group-text"> <i class="bi bi-geo-alt"></i> </span> </div> </label> 但这也没有奏效。对于这个问题有什么替代方案吗？您需要使用 npm i bootstrap-icons 安装 Bootstrap 图标查看官方 Boostrap Icons 存储库以了解更多信息。

reactjs bootstrap-4 icons placeholder

回答 1 投票 0

React Native：将文本左对齐，但占位符右对齐

我正在开发 React Native 应用程序，我面临着以不同方式对齐文本输入及其占位符的问题。我希望输入文本向右对齐，同时保留

reactjs react-native placeholder textinput

回答 1 投票 0

HTML5 文本区域占位符未出现

我无法弄清楚我的标记有什么问题，但文本区域的占位符不会出现。看起来好像它可能被一些空格和制表符覆盖。当你专注于

jquery forms html textarea placeholder

回答 8 投票 0

如果未填充或只有占位符文本，则将内容控件转换为隐藏文本

我有这张表格，每一行和每一列都有占位符文本，就像一个可填写的表格。我想要做的是让任何内容控件在说完之后都没有填充来做一个......