Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在<;之后添加CSS内容图像;输入>;要素_Html_Css_Forms_Class_Input - Fatal编程技术网

Html 在<;之后添加CSS内容图像;输入>;要素

Html 在<;之后添加CSS内容图像;输入>;要素,html,css,forms,class,input,Html,Css,Forms,Class,Input,我无法在使用JQuery进行表单验证的输入元素之后添加图像。如果我在元素上手动添加类,也不起作用 HTML: ::在伪元素将“元素”放在元素本身的“内容”后面(而不是元素后面)之后,输入是一个无效元素,不能包含任何其他HTML。不幸的是,这是行不通的。例如,见:“ 但是,使用jQuery,您可以使用以下方法(尽管未经测试)添加新图像(不是背景图像或伪元素): $('.cross')。在('')之后; 参考资料: The::在伪元素将“元素”放在元素本身的“内容”后面(而不是元素后面)之后

我无法在使用JQuery进行表单验证的输入元素之后添加图像。如果我在元素上手动添加类,也不起作用

HTML:


::在
伪元素将“元素”放在元素本身的“内容”后面(而不是元素后面)之后,
输入
是一个无效元素,不能包含任何其他HTML。不幸的是,这是行不通的。例如,见:“

但是,使用jQuery,您可以使用以下方法(尽管未经测试)添加新图像(不是背景图像或伪元素):

$('.cross')。在('')之后;

参考资料:


The
::在
伪元素将“元素”放在元素本身的“内容”后面(而不是元素后面)之后,
输入
是一个无效元素,不能包含任何其他HTML。不幸的是,这是行不通的。例如,见:“

但是,使用jQuery,您可以使用以下方法(尽管未经测试)添加新图像(不是背景图像或伪元素):

$('.cross')。在('')之后;

参考资料:


我认为您最好使用以下路线:

CSS: 要以书面形式区分它,请使用
占位符

<label for="last_name"></label>
<input name="last_name" placeholder="Last Name" />

我认为您使用以下路线会做得更好:

CSS: 要以书面形式区分它,请使用
占位符

<label for="last_name"></label>
<input name="last_name" placeholder="Last Name" />


The
::在
伪元素将“元素”放在元素本身的“内容”之后(而不是元素之后),输入是一个无效元素,不能包含任何其他HTML。不幸的是,这是行不通的。请参阅,例如:“CSS:after输入字段上的pseudo元素]()”。谢谢,我可以用jQuery达到这个目的吗。after?是否可以在.after()中添加图像?
::在
伪元素将“element”放在元素本身的“after”内容(而不是元素之后)之后,
输入是一个无效元素,不能包含任何其他HTML。不幸的是,这是行不通的。请参阅,例如:“CSS:after输入字段上的pseudo元素]()”。谢谢,我可以用jQuery达到这个目的吗。after?是否可以在.after()中添加图像?我的想法,请参见注释!谢谢你我的想法,请看评论!非常感谢。
$('.cross').after('<img src="ico/cross.png" />');
label[for='last_name'] {
  content: url(https://www.google.com/images/srpr/logo11w.png);
  width: 32px;
  height: 32px;
}
<label for="last_name"></label>
<input name="last_name" placeholder="Last Name" />