ladybird/Tests/LibWeb/Ref/input/css-placeholder-shown-selector.html

<!DOCTYPE html>
<link rel="match" href="../expected/css-placeholder-shown-selector-ref.html" />
<style>
:placeholder-shown {
    background-color: yellow;
}
</style>
<input type="text" placeholder="hi">
<input type="text" placeholder="hi" value="I like turtles">
<input type="text">
<input type="text" value="I like turtles">
Meta: Add DOCTYPEs to ref tests 2025-03-18 19:29:54 +01:00			`<!DOCTYPE html>`
Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others Now each test type has the same directories: - input - expected - data Also, tests can be in subdirectories within ./input. 2024-11-05 12:49:08 +00:00			`<link rel="match" href="../expected/css-placeholder-shown-selector-ref.html" />`
LibWeb: Implement the `:placeholder-shown` pseudo-class This matches if the element has a placeholder, and that placeholder is currently visible. This applies to `<input>` and `<textarea>` elements, but our `<textarea>` is very limited so does not support placeholders. 2023-08-22 16:51:42 +01:00			`<style>`
			`:placeholder-shown {`
			`background-color: yellow;`
			`}`
			`</style>`
			`<input type="text" placeholder="hi">`
			`<input type="text" placeholder="hi" value="I like turtles">`
			`<input type="text">`
			`<input type="text" value="I like turtles">`