inputに属性を追加

JavaScriptを使って、入力エレメントに属性を追加できます。一般的な方法を以下に示します。

// 获取input元素
var input = document.getElementById("myInput");
// 添加属性
input.setAttribute("type", "text");
input.setAttribute("name", "myInputName");
input.setAttribute("placeholder", "Enter your name");

上のコードでは、まずdocument.getElementByIdメソッドでIDが「myInput」のinput要素を取得しています。そして、setAttributeメソッドを利用し、input要素に3つの属性である、type、name、placeholderを追加しています。

必要な数だけ属性を追加できます。setAttributeメソッドの最初の引数に属性名、2番目の引数に属性値を設定するだけです。