关于HBuilder边改边看模式下中文乱码的一个问题

最新推荐文章于 2023-06-20 17:12:41 发布

jiehaoxiang

最新推荐文章于 2023-06-20 17:12:41 发布

阅读量5k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Java Web 文章标签： java web Error

本文链接：https://blog.csdn.net/qq_40956679/article/details/81162877

Java Web 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个简单的HTML文件的基本构成，包括文档类型声明、字符集设置、标题、表单元素应用与布局，以及如何正确配置字符集避免乱码问题。通过实例展示表单元素如输入框、复选框、单选按钮、下拉菜单和提交/重置按钮的使用，并解释了在HTML中解决乱码问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

各位大佬别笑。。

简单的第一个html文件：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF - 8">
		<title>用户注册</title>
	</head>
	<body>
	<form action="register.action"method="post">
	<p>用户注册</p>
		姓名：<input type="text" name="name" size="15">
		年龄：<input type="text" name="age" size="5"><br>
		性别：<input type="radio" name="sex" value="male">男
				<input type="radio" name="sex" value="female">女<br>
		兴趣：<input type="checkbox" name="hobby" value="read">文学
				<input type="checkbox" name="hobby" value="sport">体育
				<input type="checkbox" name="hobby" value="computer">电脑<br>
		学历：<select name="education">
				<option value="bachelor">学士</option>
				<option value="master">硕士</option>
				<option value="doctor">博士</option>
				</select>
		邮件地址：<input type="text" name="emaile" size="20"><br>
			<input type="submit" name="submit" value="提交">
			<input type="reset" name="reset" value="重置">
	</form>
	</body>
</html>

它的边改边看模式下是这样显示的。。

已经加了<meta charset="UTF - 8">的，旦还是乱码，我就不懂了。。经过多次修正，发现了问题所在

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用户注册</title>
	</head>
	<body>
	<form action="register.action"method="post">
	<p>用户注册</p>
		姓名：<input type="text" name="name" size="15">
		年龄：<input type="text" name="age" size="5"><br>
		性别：<input type="radio" name="sex" value="male">男
				<input type="radio" name="sex" value="female">女<br>
		兴趣：<input type="checkbox" name="hobby" value="read">文学
				<input type="checkbox" name="hobby" value="sport">体育
				<input type="checkbox" name="hobby" value="computer">电脑<br>
		学历：<select name="education">
				<option value="bachelor">学士</option>
				<option value="master">硕士</option>
				<option value="doctor">博士</option>
				</select>
		邮件地址：<input type="text" name="emaile" size="20"><br>
			<input type="submit" name="submit" value="提交">
			<input type="reset" name="reset" value="重置">
	</form>
	</body>
</html>

运行后，边改边看模式是这样子的。。