html - 有什么方法可以在文本区域内设置样式和文本的格式吗？

Question

您好，我有代码，我在文本区域内编写代码以获得如下格式。但我的问题是文本格式正确以及我如何在文本区域内放置相同的文本格式。

<input type="textarea">
<P align = center>
<B>About Salman Khan </B>
</P>
<P align = left>Salman Khan (pronunciation  born Abdul Rashid Salim Salman Khan on 27 December 1965)[5] is an INDIAN film actor and producer. He is cited in the media as one of the most commercially successful actors of Hindi cinema.
</P>
<P>
<ul>
	<li>Undertake our tasks and activities in utmost good faith, objectivity, transparency, competence, due care and professionalism.</li>
<li>Abide by the highest standards of politeness and good conduct.</li>
</ul>
</P>
</input>

Answer 1

抱歉，您不能设置文本区域的样式。但是，似乎确实有一些解决方法可用。这是我发现的第一件事:

Format text in a <textarea>?

基本上，您将所有内容放在一个 div 中并设置样式，使其像文本区域一样工作。在这里您可以看到我已将其设置为可滚动、可编辑以及设置高度/宽度和边框。 (不需要设置，具体取决于你想要什么。)我认为这里最大的问题是不同的浏览器对文本区域的样式不同，所以可能没有真正简单的方式来设置它的样式，所以它看起来完全像本地所有浏览器中的文本区域。

<div id='fake_textarea' style="overflow:scroll; height:100px; width:400px; border:solid; border-width:1px" contenteditable>
    <P align=center>
         <B>About Salman Khan </B>
    </P>
    <P align=left>
        Salman Khan (pronunciation  born Abdul Rashid Salim Salman Khan on 27 December 1965)[5] is an     INDIAN film actor and producer. He is cited in the media as one of the most commercially successful actors of Hindi cinema.
    </P>
    <P>
        <ul>
            <li>Undertake our tasks and activities in utmost good faith, objectivity, transparency, competence, due care and professionalism.</li>
            <li>Abide by the highest standards of politeness and good conduct.</li>
        </ul>
    </P>
</div>

请注意，这与您的代码相同，只是我将 input 标记替换为样式化的 div。

如果您需要在表单中使用此字段并且必须提交内容，请参阅上述答案中的帖子。这需要一些小的工作。