Javaweb(一) 网页显示文本框与密码框

Javaweb(一) 网页显示文本框与密码框

今天是第一次写网页有关的东西,才刚开始学习,以后会继续更新。我是用Eclipse写的,用之前安装了相关插件,当然也可以用VScode或者hbuilderx。

这是我第一次写的代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form>
		姓名:<input type="text" value="" name="userName"/>
		<br>
		密码:<input type="password" value="" name="xx"/>
	</form>
</body>
</html>

上图代码的运行截图:
在这里插入图片描述

可以看到姓名栏与密码栏重合在了一起,并且框的长度还不一致,其实这并不符合我们平时看到的密码框的样子,然后我就对此进行了修改,

代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form>
		姓名:<input type="text" value="" name="userName" style="width:155px;margin-bottom:5px"/>
		<br>
		密码:<input type="password" value="" name="wh" style="width:155px"/>
	</form>
</body>
</html>

运行截图:
在这里插入图片描述

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页