前端--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>

第二节 前端页面渲染

相关推荐
豹哥学前端7 小时前
事件循环(Event Loop)深度解析:让你彻底搞懂 JS 的执行顺序
前端·javascript·面试
前端不开发7 小时前
用一个 Bookmarklet(书签脚本),给任意网页挂一个可拖拽悬浮窗
前端·javascript
接着奏乐接着舞7 小时前
【无标题】
开发语言·前端·javascript
Ian在掘金7 小时前
SSE 还是 WebSocket?从 AI 流式输出聊到实时通信选型
前端·人工智能
雨雨雨雨雨别下啦7 小时前
心理健康AI助手 - 项目总结
前端·javascript·vue.js·人工智能·信息可视化
PILIPALAPENG7 小时前
第4周 Day 3:多 Agent 协作——让 Agent 们"组队干活"
前端·人工智能·python
小江的记录本8 小时前
【Java基础】核心关键字:final、static、volatile、synchronized、transient(附《思维导图》+《面试高频考点清单》)
java·前端·数据结构·后端·ai·面试·ai编程
风之舞_yjf8 小时前
Vue基础(32)_TodoList案例
前端·javascript·vue.js