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>
运行效果截图