HTML-09.表单项标签_开发测试_一品科技

HTML-09.表单项标签

创始人

2024-11-05 23:09:30

0次

1.表单项标签

：表单项，通过type属性控制输入形式

的type属性：text、password、radio、checkbox、file、date、time、datetime-local、email、number、hidden

submit、reset、button

定义文本域</h3><h4> type取值描述 </h4><h4> text 默认值，定义单行的输入字段</h4><h4> password 定义密码字段</h4><h4> radio 定义单选按钮</h4><h4> checkbox 定义复选框</h4><h4> file 定义文件上传按钮</h4><h4> date/time/datetime-local 定义日期/时间/日期时间</h4><h4> number 定义数字输入框</h4><h4> email 定义邮件输入框</h4><h4> hidden 定义隐藏域</h4><h4> submit/reset/button 定义提交按钮/重置按钮/可点击按钮</h4> <pre><code class="language-html"><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格标签</title> <style> </style> </head> <body> <form action="" method="post"> 姓名: <input type="text" name="username"> <br><br> 密码: <input type="password" name="password"> <br><br> 性别:<label> <input type="radio" name="gender" value="1"> 男 </label>  <label> <input type="radio" name="gender" value="2"> 女 </label> <br><br> 爱好: <label> <input type="checkbox" name="hobby" value="1"> Java </label> <label> <input type="checkbox" name="hobby" value="2"> 篮球 </label> <label> <input type="checkbox" name="hobby" value="3"> 象棋</label> <br><br> 上传图像: <input type="file" name="image"> <br><br> 生日:<input type="date" name="birthday"> <br><br> 时间: <input type="time" name="time"> <br><br> 日期时间: <input type="datetime-local" name="datetime"> <br><br> 邮箱: <input type="email" name="email"> <br><br> 年龄: <input type="number" name="age"> <br><br> 学历: <select name="degree"> <option value="">--------请选择--------</option> <option value="1">大专</option> <option value="2">本科</option> <option value="3">硕士</option> <option value="4">博士</option> </select> <br><br> 描述: <textarea name="description" cols="30" rows="10" >

上一篇：VsCode无法远程调试

下一篇：elk + filebeat + kafka实验和RSync同步

相关内容

热门资讯

一分钟教你!广东雀神外挂(一... 一分钟教你!广东雀神外挂(一贯真的是有挂)详细透视辅助教程1.广东雀神外挂 ai辅助创建新账号，...

微扑克辅助器ios！微扑克网页... 微扑克辅助器ios！微扑克网页版辅助，微扑克真的有挂存在（都是真的是有挂）；无聊就玩这款微扑克真的有...

重大来袭!都莱罗松(本来真的是... 重大来袭!都莱罗松(本来真的是有挂)详细透视辅助教程1、打开软件启动之后找到中间准星的标志长按。2、...

微扑克辅助软件!微扑克有挂(透... 微扑克辅助软件!微扑克有挂(透明挂)好像是有挂1、微扑克系统规律教程、微扑克辅助透视等服务，为用户提...

玩家必知教程!金州水鱼辅助工具... 玩家必知教程!金州水鱼辅助工具(一贯是真的有挂)详细辅助教程所有人都在同一条线上，像星星一样排成一排...

最新技巧!!福建众娱软件有没有... 最新技巧!!福建众娱软件有没有辅助(透明挂)透明挂透视辅助脚本(2023已更新)(哔哩哔哩)；福建众...

科普分享!心悦填大坑总输怎么回... 科普分享!心悦填大坑总输怎么回事(确实有挂)详细透视辅助教程1、心悦填大坑总输怎么回事系统规律教程、...

分享认知!柳州天天爱麻将有挂吗... 分享认知!柳州天天爱麻将有挂吗(透视)透明挂透视辅助脚本(2023已更新)(哔哩哔哩)；1、金币登录...

记者揭秘!衢州都莱十三道辅助器... 记者揭秘!衢州都莱十三道辅助器(切实是有挂)详细辅助教程1、衢州都莱十三道辅助器ai机器人多个强度级...

玩家必知教程!!卡农斗牛辅助最... 玩家必知教程!!卡农斗牛辅助最新版本(透视)透视脚本辅助插件(2021已更新)(哔哩哔哩)运卡农斗牛...