【HTML】HTML5 表单创建
简介
HTML 表单用于搜集不同类型的用户输入。
<form>元素
HTML 表单用于收集用户输入。
元素定义 HTML
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等
类型 | 描述 |
|---|---|
text | 定义常规文本输入。 |
radio | 定义单选按钮输入（选择多个选择之一） |
submit | 定义提交按钮（提交表单） |
<!-- 表单：用于获取不同类型的用户输入 -->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<form>
username:
<input type="text">
<br/>
password:
<input type="password">
<br/>
<br/>
复选框
<br/>
你喜欢的人有？
<br/>
小红<input type="checkbox">
小明<input type="checkbox">
小刚<input type="checkbox">
<br/>
<br/>
单选框 name属性用于分组
<br/>
性别：
男<input type="radio" name="sex">
女<input type="radio" name="sex">
<br/>
<br/>
下拉列表
<br/>
<select>
<option>www.cyrilstudio.top</option>
<option>www.hackeros.ink</option>
<option>www.3br.xyz</option>
</select>
</form>
<br/>
<br/>
文本域
<br/>
<textarea cols="30" rows="30">请在此填写你的反馈</textarea>
<br/>
按钮
<br/>
<input type="button" value="Button">
<input type="submit" value="Submit">
</body>
</html>
版权属于：Cyril 本文链接：https://www.cyrilstudio.top/archives/532/
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021 年 08 月，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号