HTML入门笔记26-HTML中文本输入框和单选按钮
程序员文章站
2022-05-29 20:01:35
...
本篇学习HTML中的表单，我们知道，登录和注册页面一般都写在表单里面，HTML中有<form>的标签。一般一个表单中，有几部分组成。有文字描述，有文本输入框，有选择按钮。今天我们先来看看表单中的文本输入框和单选按钮如何使用。
场景：我们想做一个，在网页注册中常见的，输入用户名和选择性别的场景，相关html代码如下。
<!DOCTYPE html>
<html>
<head>
<title>
HTML 表单1
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h3>请填写您的个人信息</h3>
<p>
姓名：<input type="text" name ="username" />
<br /><br /> <!-- 换行-->
性别：<input type="radio" name ="gender" value="male" />男
<input type="radio" name ="gender" value="female" />女
</p>
</body>
</html>