📚

The width of the textarea is incorrect: textareaの横幅が狂う

2024/09/19に公開

The width of the textarea is incorrect.

フォームのtextareaタグの横幅が狂う問題。
解決策は色々あるが、一番シンプルなのは、doctypeからhtmlを削除すること。(html5じゃなくす)

<!doctype>
<html>
	<head>
		<title>The width of the textarea is incorrect</title>
		<style>
			input[type="text"] {
				width: 200px;
			}
			textarea {
				width: 200px;
			}
		</style>
	</head>
	<body>
		<h1>The width of the textarea is incorrect.</h1>
		<p>Removed "html" from doctype.</p>
		<form>
			<input type="text" name="text" value=""/><br/>
			<textarea name="textarea"></textarea><br/>
		</form>
	</body>
</html>

Discussion