HTML入门笔记26-HTML中文本输入框和单选按钮

       本篇学习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>  
运行效果截图


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值