前端--A_4--HTML表单

第一节 练习代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>HTML表单</title>

</head>

<body>

<form>

<label for="name">用户名:</label>

<input type = "text" id = "name" placeholder = "请输入内容">

<br><br>

<label for="pwd">密码:</label>

<input type = "text" id="pwd" placeholder = "请输入内容">

<br> <br>

<label>爱好:</label>

<input type = "radio" name="gender">男

<input type = "radio" name = "gender"> 女

<input type = "radio" name = "gender"> 其他

<br> <br>

<label>爱好:</label>

<input type = "checkbox" name = "hobby"> 唱歌

<input type = "checkbox" name = "hobby"> 跳舞

<input type = "checkbox" name = "hobby"> 旅游

<input type = "checkbox" name = "hobby"> 篮球

<br><br>

<input type = "submit" value=" 上传">

</form>

</body>

</html>

第二节 前端页面渲染

相关推荐
We་ct2 小时前
JS手撕:DOM操作 & 浏览器API高频场景详解
开发语言·前端·javascript·面试·状态模式·操作·考点
小江的记录本2 小时前
【RocketMQ】RocketMQ核心知识体系全解(5大核心模块:架构模型、事务消息两阶段提交、回查机制、延迟消息、顺序消息)
linux·运维·服务器·前端·后端·架构·rocketmq
三万棵雪松2 小时前
【Linux 物联网网关主控系统-Web部分(二)】
linux·前端·物联网
We་ct2 小时前
LeetCode 137. 只出现一次的数字 II:从基础到最优的两种解法详解
前端·数据结构·算法·leetcode·typescript·位运算
星空2 小时前
前端--A_3--HTML区块_块元素与行内元素
前端·html
如意猴2 小时前
【前端】001 前端初识——数字世界的门面
前端
不会写DN2 小时前
Protocol Buffers(.proto)实战入门:Go 生态最常用的接口定义语言
java·前端·golang
小小小米粒2 小时前
原生 JS:数据和视图「分离」,必须手动同步原生 JS 里,数据是数据,视图是视图,两者完全没关系
前端·javascript·vue.js