Html 操纵段落内的输入值和内容

我试图操纵

标签中的内容。我想针对段落中的每个元素。我有以下资料：

   <p class="num">123456789</p>

另一件事是我还试图操纵输入值我的代码是：

   <input type="text" value="Name" placeholder="Name" />

---

第一个也将占位符归零，第二个完全隐藏输入。所以，我想知道是否有任何可能的CSS可以实现这一点？

对于第一个问题，解决方案非常简单：

使用这个CSS规则

p.num {
  letter-spacing: 1em;
}

---

对于第一个问题，解决方案非常简单：

使用这个CSS规则

p.num {
  letter-spacing: 1em;
}

---

你是说字母间距属性吗？ 您需要为输入框创建一个ID或类，如下所示：

<input id="name" type="text" value="Name" placeholder="Name" />

#name{ letter-spacing: 3px; }

---

你是说字母间距属性吗？ 您需要为输入框创建一个ID或类，如下所示：

<input id="name" type="text" value="Name" placeholder="Name" />

#name{ letter-spacing: 3px; }

---

你的标签上写着操纵输入和段落。我给你们举个例子，如何操作它

解释

  <form class="formclass">
    <p class="num">213213</p>
    <p class="num">213</p>
    <p class="notNum">sadas</p>

    <input type="text" value="vals"></input>
 </form>

---

你的标签上写着操纵输入和段落。我给你们举个例子，如何操作它

解释

  <form class="formclass">
    <p class="num">213213</p>
    <p class="num">213</p>
    <p class="notNum">sadas</p>

    <input type="text" value="vals"></input>
 </form>

---

对于第一个问题，可以尝试jquery

$('.num').css('padding-right','5px');

或者比jquery更基本，您可以编写纯css

.num{ padding-right:5px; }

---

对于第一个问题，可以尝试jquery

$('.num').css('padding-right','5px');

或者比jquery更基本，您可以编写纯css

.num{ padding-right:5px; }

---

对于字母之间的间距，请使用：

p.num{letter-spacing:2px;}

要根据浏览器类型显示内容，您必须使用条件注释：

<!--[if IE]>
Place content here to target all Internet Explorer users.
<![endif]-->

<![if !IE]>
Place content here to target all users not using Internet Explorer.
<![endif]>

<!--[if gte IE 8]>
Place content here to target users of Internet Explorer 8 or higher.
<![endif]-->

<!--[if lt IE 7]>
Place content here to target users of Internet Explorer 6 or lower (less than 7).
<![endif]-->

将内容放在此处以所有未使用Internet Explorer的用户为目标。

这应该对你有帮助

---

您可能还需要检查Stackoverflow本身。

对于字母之间的间距，请使用：

p.num{letter-spacing:2px;}

要根据浏览器类型显示内容，您必须使用条件注释：

<!--[if IE]>
Place content here to target all Internet Explorer users.
<![endif]-->

<![if !IE]>
Place content here to target all users not using Internet Explorer.
<![endif]>

<!--[if gte IE 8]>
Place content here to target users of Internet Explorer 8 or higher.
<![endif]-->

<!--[if lt IE 7]>
Place content here to target users of Internet Explorer 6 or lower (less than 7).
<![endif]-->

将内容放在此处以所有未使用Internet Explorer的用户为目标。

这应该对你有帮助

---

您可能还需要检查Stackoverflow本身。

在问题的第一部分，您想在数字之间留出一些空间吗？您可以使用

字母间距：5px

进行此操作。第二部分,，理想的结果是什么？那么你要做的是在新浏览器中显示占位符，在旧浏览器中显示值？？？@LinkinTED理想的结果在现代浏览器中都显示，我不希望这样。@Nivedita是的，我希望这样做，直到你不想在哪个版本的IE中显示占位符？在问题的第一部分，你想在数字之间留点空间吗？您可以使用

字母间距：5px

进行此操作。第二部分,，理想的结果是什么？那么您要做的是在新浏览器中显示占位符，在旧浏览器中显示值？？？@LinkinTED理想的结果在现代浏览器上都显示，我不希望这样。@Nivedita是的，我希望这样做直到您不希望显示占位符的IE版本为止？我已经使用了少于IE 9的版本对于那些浏览器，条件注释和不同的CSS文件，但需要CSS解决方案。据我所知，我认为不可能通过纯CSS实现，您可以使用HTML或jacascript，或者等待其他答案。我已经在为这些浏览器使用少于IE 9的条件注释和不同的CSS文件，但需要CSS解决方案。据我所知，我认为不可能通过纯CSS实现，您可以使用HTML或jacascript，或者等待其他答案。