博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML语法之表单控件
阅读量:4100 次
发布时间:2019-05-25

本文共 1024 字,大约阅读时间需要 3 分钟。

表单

作用:表单的作用用来收集信息

组成

  • 提示信息
  • 表单控件
  • 表单域

表单介绍

属性

action:处理用户数据 

method:get   post 

 get数据提交

通过地址栏的方式进行数据提交,将用户输入信息显示出来,get提交安全性差

post提交

数据通过后台的方式提交,不会讲用户的信息显示出来,安全性比较好

 表单控件

  • 文本输入框

属性

maxlength:  设置文本输入框最多能输多少字符

readonly="readonly" :  设置文本输入框为只读(只能读不能编辑)

disabled="disabled” :   控件属于非激活的状态

name="username"  :     给输入框设置名称

value=””         :            设置或者显示输入的值

  • 密码输入框

属性与文本输入框一致  

  • 单选按钮

注意:实现单选效果一定要给控件设置相同的名称,即相同的name

属性

checked="checked"    设置默认选中项

  • 下拉列表

 

属性:设置默认项 

selected="selected"

 

 实现多选效果 

 multiple="multiple"

 下拉列表分组显示

 

  • 多选控件 

 设置默认选中项: checked=checked

 

 

     多行文本输入框

 

 图片上传控件

  •   按钮系列

提交按钮

普通按钮

该按钮不能进行表单提交,通常和js代码配合使用

重置按钮

 

将控件中的值恢复到默认转态 

 

  • 表单分组控件
            
用户注册
用户名:
密码:
性别:
省份:
爱好:
抽烟
喝酒
烫头
自我介绍:

 

 

 

 

 

转载地址:http://znwsi.baihongyu.com/

你可能感兴趣的文章
科技公司最爱的 50 款开源工具,你都用过吗?
查看>>
触目惊心:比特币到底消耗了多少能源?
查看>>
面试官:简历上敢写技术精通?那我就不客气了!
查看>>
如何判断一家互联网公司要倒闭了?
查看>>
想快速上手机器学习?来看下这个 GitHub 项目!
查看>>
GitHub 标星 3.6k,一本开源的深度学习中文教程!
查看>>
9 款你不能错过的 JSON 工具
查看>>
就在昨天,全球 42 亿 IPv4 地址宣告耗尽!
查看>>
200页!分享珍藏很久的Python学习知识手册(附链接)
查看>>
程序员之神
查看>>
4 岁小女孩给 Linux 内核贡献提交
查看>>
推荐几个私藏很久的技术公众号给大家
查看>>
王垠受邀面试阿里 P9,被 P10 面跪后网上怒发文,惨打 325 的 P10 赵海平回应了!...
查看>>
Python 趣味打怪:147 段简单代码助你从入门到大师
查看>>
卧槽!小姐姐用动画图解 Git 命令,这也太秀了吧?!
查看>>
厉害了!Python 编辑器界的神器 Jupyter ,推出官方可视化 Debug 工具!
查看>>
卧槽!Java 虚拟机竟然还有这些性能调优技巧...
查看>>
听说玩这些游戏能提升编程能力?
查看>>
7 年工作经验,面试官竟然还让我写算法题???
查看>>
被 Zoom 逼疯的歪果仁,造出了视频会议机器人,同事已笑疯丨开源
查看>>