CSS 指定の属性の値で始まるサンプル
環境
Google Chrome 111.0.5563.111（Official Build） （64 ビット）
Windows 10 Home 64bit
書式
要素名[属性名^="値"]
指定の属性の値で始まる要素にCSSを適用します。
使用例
<!DOCTYPE html>
<html>
<head>
<style>
input[name^="ark"]{
color:red;
}
</style>
</head>
<body>
<input type="text" name="stu123" value="tokyo" maxlength="5">
<p>
<input type="text" name="ark123" value="oosaka" maxlength="5"> </p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
input[name^="ark"]{
color:red;
}
</style>
</head>
<body>
<input type="text" name="stu123" value="tokyo" maxlength="5">
<p>
<input type="text" name="ark123" value="oosaka" maxlength="5"> </p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
input[name^="ark"]{
color:red;
}
</style>
</head>
<body>
<input type="text" name="stu123" value="tokyo" maxlength="5">
<p>
<input type="text" name="ark123" value="oosaka" maxlength="5"> </p>
</body>
</html>
結果
name属性「ark123」の指定の値「oosaka」で始まっているので文字色が赤になっています。