この記事の要点

Struts JSP で <html:form id="..."> を書くと「TLD によると、タグ form の属性 id は無効です」 原因: Struts の HTML タグライブラリは標準 HTML 属性をそのまま受け付けない 対処: id → styleId、class → styleClass に書き換える CSS / JavaScript からの参照は変わらず id / class として出力される（属性名のリネームだけが必要） Struts 2 では話が変わる — id 属性はサポートされる

エラー内容

Struts 1.x の JSP で以下のように書くとコンパイル時に怒られます:

<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>

<!-- ❌ NG: TLD によると、タグ form の属性 id は無効です -->
<html:form action="/login" id="loginForm" class="form-horizontal">
    <html:text property="username" id="usernameInput" />
</html:form>

TLDによると、タグ form の属性 id は無効です
According to TLD, attribute id is not valid for tag form.

原因

Struts 1.x の HTML タグライブラリ（<html:form>、<html:text> 等）は標準 HTML 属性をそのまま受け取れない仕様になっています。これは Struts が独自属性で値を上書き／管理する都合上、ぶつかる可能性のある名前を別名にしているためです。

主に名前がぶつかる属性は以下で、それぞれ別名が用意されています:

標準 HTML 属性	Struts での書き方	出力される HTML 属性
id	styleId	id
class	styleClass	class
style	style (そのまま)	style
name	property	name
value	value または ActionForm の値	value

対処: styleId / styleClass に書き換える

<!-- ✅ OK -->
<html:form action="/login" styleId="loginForm" styleClass="form-horizontal">
    <html:text property="username" styleId="usernameInput" styleClass="form-control" />
    <html:password property="password" styleId="passwordInput" styleClass="form-control" />
    <html:submit styleClass="btn btn-primary">ログイン</html:submit>
</html:form>

出力される HTML は通常通りで、ブラウザ側は id="loginForm" として認識します:

<form action="/login.do" name="loginForm" method="post"
      id="loginForm" class="form-horizontal">
    <input type="text" name="username" value=""
           id="usernameInput" class="form-control">
    <input type="password" name="password" value=""
           id="passwordInput" class="form-control">
    <input type="submit" value="ログイン" class="btn btn-primary">
</form>

CSS / JavaScript からの参照

変更不要。出力される属性名は id / class のままなので、CSS セレクタや document.getElementById()、jQuery セレクタ $('#loginForm') はそのまま動作します。

// styleId を使っても JS からは id として参照可能
$('#loginForm').on('submit', function(e) {
    if ($('#usernameInput').val() === '') {
        alert('ユーザー名を入力してください');
        e.preventDefault();
    }
});

その他の Struts 1 タグでも同じパターン

同じ属性名のリネームは、<html:text> / <html:select> / <html:checkbox> / <html:radio> 等すべての HTML 系タグで共通です:

<html:select property="category" styleId="categorySelect" styleClass="form-select">
    <html:option value="1">食品</html:option>
    <html:option value="2">飲料</html:option>
</html:select>

<html:checkbox property="agree" styleId="agreeCheck" styleClass="form-check-input" />

Struts 2 の場合は異なる

Struts 2 では設計が刷新されており、id / cssClass という属性名になっています:

<!-- Struts 2 -->
<%@ taglib prefix="s" uri="/struts-tags" %>

<s:form action="login" id="loginForm" cssClass="form-horizontal">
    <s:textfield name="username" id="usernameInput" cssClass="form-control" />
</s:form>

	Struts 1	Struts 2
id	styleId	id（そのまま）
class	styleClass	cssClass
style	style	cssStyle

関連エラー

• 「タグ form の属性 class は無効です」 — 同じパターン。styleClass に変更
• 「タグ ... の属性 name は無効です」 — Struts は ActionForm のフィールド名を property で受ける
• 「タグ ... の属性 onclick は無効です」 — Struts 1 では一部のイベント属性も別名が必要（バージョン依存）

まとめ

Struts 1 のタグライブラリは標準 HTML とは別の独自仕様。以下を覚えておけば大体の TLD エラーは解決:

1. id → styleId
2. class → styleClass
3. name → property（フィールド連携の場合）
4. その他は Struts HTML Tag Library Reference を確認