如何将HTML添加到<input /> value属性

时间:2017-06-30 18:27:28

标签: html css attributes

我有一个<input>元素,其value属性我希望用斜体文字表示。我想写

<input type="submit" value="<em>Text</em>" name="text" class="button">

但由于属性中的HTML无法呈现,因此无法正常工作。我知道我可以使用font-style: italic;解决这个问题,但我听说这不是好形式。所以,主要是出于好奇,什么是&#34;适当的&#34;这样做的方法?

4 个答案:

答案 0 :(得分:3)

您可以使用class为您的案例定义新规则,例如.btn-italic

.btn-italic{
    font-style: italic;
}

HTML将是:

<input type="submit" value="Text" name="text" class="button btn-italic">

希望这有帮助。

.btn-italic{
    font-style: italic;
}
<input type="submit" value="Text" name="text" class="button btn-italic">

答案 1 :(得分:1)

从您使用string query = @"MERGE UserPersonalInfo AS T USING ( VALUES (@c1,@c2,@c3) ) AS S(col1,col2,col3) ON (T.col1 = S.col1) WHEN NOT MATCHED BY TARGET THEN INSERT(col1,col2, col3) VALUES(S.col1,S.col2, S.col3) WHEN MATCHED THEN UPDATE SET T.col2 = S.col2, T.col3 = S.col3"; 开始,我怀疑您可能已经听说过标签比造型更好,因为它确实标注了所强调的封闭文字。

但是,这并不适用于此。虽然所附文本可能会以斜体显示,但这不是标记的重点。标签用于指出文本的功能,而不是说明应该如何显示文本。 <em>标记指出应该强调这一特定文本。对于诸如屏幕阅读器之类的可访问性浏览器,这是一个重要的概念。如果文本只是用造型设计成斜体,那么屏幕阅读器就不会知道它的斜体是什么目的。

然而,使用按钮,文本的功能只是作为按钮的标签,因此任何所需的文本样式都是纯粹的表现形式,应该用CSS完成。

答案 2 :(得分:0)

我认为你能做到的唯一方法就是你提到的CSS。看起来像这个thread正在问同样的事情。

答案 3 :(得分:0)

有很多方法可以使按钮中的值变为粗体。 首先让您的HTML属性为:

<input type="submit" value="Submit">

将以下属性放在CSS文件或CSS样式中:

input[type="submit"]{
    font-weight: bold;
}