「JavaScript
var styles = document.createlement（ "style"）;
doocument.head.ppendchild（styles）;
var styleSheet = styles.sheet;
styleSheet.insertrule（ `
形状 {
ディスプレイ：インラインブロック。
マージン：1EM;
ボーダー：1pxソリッドボタンボーダー。
ボーダーラジウス：6px;
}
`、0）;
styleSheet.insertrule（ `
入力{
表示ブロック;
マージン：1EM;
フォントファミリー：モノスペース。
}
`、0）;

var fragment = new DocumentFragment（）;
var form = document.createlement（ "form"）;
fragment.append（form）;
var input1 = document.createlement（ "input"）;
var input2 = document.createlement（ "input"）;
var defaultsize = input1.size;

for（[input1、input2]の入力）{
input.addeventListener（ "input"、（event）=> {
if（input.value.length> defaultsize）{
input.setttribute（ "size"、input.value.length）;
} else if（input.value.length！== defaultsize）{
input.setttribute（ "size"、defaultsize）;
}
}、 間違い）;
}

form.append（input1、input2）;
doocument.body.ppend（fragment）;
`` `
```javascript
var styles = document.createElement("style");
document.head.appendChild(styles); 
var styleSheet = styles.sheet;
styleSheet.insertRule(`
	form {
		display: inline-block;
		margin: 1em;
		border: 1px solid ButtonBorder;
		border-radius: 6px;
	}
`, 0);
styleSheet.insertRule(`
	input {
		display: block;
		margin: 1em;
		font-family: monospace;
	}
`, 0);

var fragment = new DocumentFragment();
var form = document.createElement("form");
fragment.append(form);
var input1 = document.createElement("input");
var input2 = document.createElement("input");
var defaultSize = input1.size;

for (let input of [input1, input2]) {
	input.addEventListener("input", (event) => {
		if (input.value.length > defaultSize) {
			input.setAttribute("size", input.value.length);
		} else if (input.value.length !== defaultSize) {
			input.setAttribute("size", defaultSize);
		}
	}, false);
}

form.append(input1, input2);
document.body.append(fragment);
```