フォームでdisplayをnoneに設定しても送信される

フォームの一部で送信内容に含めたくない要素をCSSでdisplay:noneとしても送信内容に含まれてしまいます。
(見た目のみを非表示にするvisibility:hiddenも同様です)

HTML

<input type="text" name="sample" value="..." class="sample" />

CSS

input.sample {
    display:none;
}

内容を含めないようにするには、含めたくない要素にdisabled属性を付与することで対応が可能となります。
(display:noneは「非表示にする」ということで使用することとなります)

HTML

<input type="text" name="sample" value="..." class="sample" disabled="disabled" />