HTML中文本框\单选框\按钮\多选框


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>登录注册</h1>
<form action="第一个网页.html" method="post">
<p>用户名: <input type="text" name="username"></p>
<p>密码：<input type="password" name="pwd"></p>
 
<!--单选框标签
input type=”radio“
value：单选框的值
name:表示组
-->
<p>性别：
    <input type="radio" value="boy" name="sex"/>男
    <input type="radio" value="girl" name="sex"/>女
</p>
<!--
多选框：input type="checkbox"
-->
<p>爱好：
    <input type="checkbox" value="sleep" name="hobby"/>睡觉
    <input type="checkbox" value="code" name="hobby"/>敲代码
    <input type="checkbox" value="chat" name="hobby"/>聊天
</p>
 
<!--
按钮
-->
<p>按钮：
    <input type="button" name="btn1" value="点击变长">
</p>
 
<!--
下拉框：列表框
selected 默认值
-->
<P>国家
    <select name="列表名称">
        <option value="china">中国</option>
        <option value="us、">美国</option>
        <option value="eth" selected>瑞士</option>
        <option value="india">印度</option>
    </select>
</P>
 
<!--
文件域 input type="file"
-->
<p>
    <input type="file" name="files">
    <input type="button" value="上传" name="upload">
</p>
<!--
文本域
-->
   <p>反馈
       <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
   </p>
<p>
  <input type="submit">
  <input type="reset">
</p>
 
</form>
</body>
</html>

浏览器翻译如下：

相关阅读:
SSM+人才交流平台毕业设计-附源码221022
Qt/QML编程之路：fork、vfork、exec、clone的对比及使用(46)
Spring Boot常用的参数验证技巧和使用方法
Android Camera性能分析 - 第17讲拍照性能分析
WebSocket Day02 : 握手连接
某公司常见题刷题笔记
基于springboot+vue实现乌鲁木齐南山冰雪旅游服务网管理系统项目【项目源码+论文说明】
网上购书（书店）管理系统设计与实现（PHP+Mysql）
解决elementui 的省市区级联选择器数据不回显问题
C++超市商品管理系统

原文地址：https://blog.csdn.net/qq_50652600/article/details/133986630