码迷,mamicode.com
首页 > 其他好文 > 详细

表单标签

时间:2020-10-18 17:12:26      阅读:10      评论:0      收藏:0      [点我收藏+]

标签:元素   注册   多选   --   utf-8   密码   color   使用场景   submit   

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>表单标签</title>
 7 </head>
 8 <body>
 9     <h3>&lt;input&gt;表单元素</h3>
10     <form action="xxx.php" method="get">
11         <!-- text 文本框 用户可以里面输入任何文字 -->
12         用户名:<input type="text" name="username" value="请输入用户名" maxlength="6"> <br/>
13         <!-- password 密码框 用户看不见输入的密码 -->
14         密码:<input type="password" name="pwd"> <br/>
15         <!-- radio 单选按钮 可以实现多选 -->
16         <!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 -->
17         <!-- 单选按钮和复选框可以设置checked属性,当页面打开的时候就可以默认选中这个按钮 -->
18         性别:男 <input type="radio" name="sex" value="男" checked="checked"><input type="radio" name="sex" value="女"><br>
19         <!-- checkbox 复选框 可以实现多选 -->
20         爱好:吃饭 <input type="checkbox" name="hobby" value="吃饭"> 睡觉 <input type="checkbox" name="hobby" value="睡觉"> 打豆豆 <input type="checkbox" name="hobby" value="打豆豆" checked="checked"> <br>
21         <!-- 点击了提交按钮,可以把表单域 form 里面的表单元素里面的值 提交给后台服务器 -->
22         <input type="submit" value="免费注册">
23         <!-- 重置按钮可以还原表单元素初始的默认状态 -->
24         <input type="reset" value="重新填写">
25         <!-- 普通按钮 button 后期结合js 搭配使用 -->
26         <input type="button" value="获取短信验证码"> <br>
27         <!-- 文件域 使用场景 上传文件使用的 -->
28         上传头像:<input type="file">
29     </form>
30 
31 </body>
32 </html>


技术图片技术图片

 

表单标签

标签:元素   注册   多选   --   utf-8   密码   color   使用场景   submit   

原文地址:https://www.cnblogs.com/qian-shijia/p/sj_html_0001.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!