自動的に「必須入力」を付記させる
form.html
<label>
<span>メールアドレス(※必須)</span>
<input type=…>
</label>
…なんてことをしますが、書き忘れたり、仕様変更で必須ではなくなったりしますね。表記と挙動が違うのは避けたいものです。
inputタグに"required"が付いているものが必須なわけですから、自動的に「必須」と付記させましょう。下記のファイルを置いたら、各htmlページに
```の1行を追加してください。
```javascript:check_required.js
document.addEventListener('DOMContentLoaded',function(event){
check_required();
},false);
function check_required()
{
for(i=0;i<document.forms.length;i++){
for(j=0;j<document.forms[i].elements.length;j++){
e=document.forms[i].elements[j];
if(e.attributes.getNamedItem("required")){
e.placeholder+="[必須]";
e.previousElementSibling.innerHTML+="[必須]";
}
}
}
}
これで少しは手間が省けますね。