是否可以在表單輸入中只加入部分佔位符文本（即默認值）？

可能重複：
Is there a way to style part of an input field’s value?是否可以在表單輸入中只加入部分佔位符文本（即默認值）？

例如，如果我們有一個表單輸入，其佔位符文本是「探索世界，如法國巴黎」，可CSS，jQuery的，HTML5或其他可能的方法允許我們在表單輸入內僅將部分文本加粗以呈現爲：「探索世界，例如巴黎，法國」。

我只知道允許我們加粗整個佔位符文本的方法，完全呈現爲「探索世界，例如巴黎，法國」。

作爲說明，這裏是這個問題的目標：

goal

來源

2012-12-28 Andy Dwyer

這是在另一個問題中回答：http://stackoverflow.com/questions/3121683/is-there-a-way-to-style-part-of-an-input-fields-value – Nate

tl; dr：這不可能以任何簡單的方式進行，但可以通過更復雜的JS欺騙來完成。 – Nate

不在輸入內，不。你必須創建一個自定義的HTML覆蓋。 – Shmiddty

沒有方法與標準輸入[類型=文本]字段來完成此。您可以嘗試覆蓋HTML，但某些瀏覽器將輸入字段作爲控件處理，並且不會像常規html dom元素那樣運行。

我會使用的方法是這樣的：

<html> 
<head> 
    <style type="text/css"> 

    div.input { border:1px solid #aaa; width:300px; } 

    </style> 

</head> 
<body> 

    <div contenteditable="true" class="input"><strong>explore the world,</strong> e.g. paris, france</div> 

</body> 
</html>

希望這有助於。祝你好運。

來源

2012-12-28 21:30:21

嗯..有趣的概念在這裏。我必須更多地關注它，但它似乎可以很好地工作。感謝你的回答！ –

不客氣的朋友。現在，我傾向於使用帶有自信心的DIV，因爲UI設計/功能需求通常比標準輸入可以做的更復雜。特別是如果我沒有提交表單並通過JQuery使用AJAX調用，我只需使用.text（）或.html（）方法來獲取div/field內容。這是一個更靈活的方法。您可以使輸入更具交互性並執行多種功能。：-）玩的開心。 –

是否可以在表單輸入中只加入部分佔位符文本（即默認值）？

回答

相關問題